Patterns
- Error pages
- Generic page
- Generic page at EMBL-EBI
- Integrating with existing sites and CSS, JS
- Scientific service
- Search results
Container components
- Acivity List Group
vf-activity-group - Banner
vf-banner - Card Container
vf-card-container - Content
vf-content - Header
vf-header - Hero
vf-hero - Intro
vf-intro - News Container
vf-news-container - Summary Container
vf-summary-container - Video Container
vf-video-container
Block components
- Activity List
vf-activity-list - Article Meta Information
vf-article-meta-information - Back to top
vf-back-to-top - Box
vf-box - Breadcrumbs
vf-breadcrumbs - Card
vf-card - Code Example
vf-code-example - Details
vf-details - Discussion
vf-discussion - Embed
vf-embed - Footer
vf-footer - Global Header
vf-global-header - Lede
vf-lede - Links List
vf-link-list - Navigation
vf-navigation - Page Header
vf-page-header - Pagination
vf-pagination - Profile
vf-profile - Search
vf-search - Section Header
vf-section-header - Social icons
vf-social-links - Summary
vf-summary - Table
vf-table - Tabs
vf-tabs - Tree
vf-tree - Video
vf-video - Video Teaser
vf-video-teaser
Element components
- Badges
vf-badge - Blockquote
vf-blockquote - Button
vf-button - Collapse
vf-collapse - Divider
vf-divider - Explainer
vf-explainer - Favicon
vf-favicon - Figure
vf-figure - Headings
vf-heading - Link
vf-link - Lists
vf-list - Logo
vf-logo - Text
vf-text
Layout components
Form components
- Checkbox
vf-form__checkbox - Fieldset
vf-form__fieldset - Form
vf-form - Helper
vf-form__helper - Input
vf-form__input - Item
vf-form__item - Label
vf-form__label - Legend
vf-form__legend - Radio
vf-form__radio - Select
vf-form__select - Textarea
vf-form__textarea
Utility components
- Compatibility with EBI-VF 1.x Component
ebi-vf1-integration - Component Rollup
vf-componenet-rollup - EMBL Conditional Edit Links component
embl-conditional-edit - EMBL Content meta properties
embl-content-meta-properties - EMBL ContentHub Loader component
embl-content-hub-loader - EMBL Notifications
embl-notifications - EMBL-EBI Header and Footer
ebi-header-footer - Full Bleed
vf-u-fullbleed - Google Analytics enhancements
vf-analytics-google - JavaScript Polyfill
vf-polyfill-js - Nearest location
vf-location-nearest - No JS detection
vf-no-js - Plex Mono Font
vf-font-plex-mono - Plex Sans Font
vf-font-plex-sans - Sass Starter
vf-sass-starter - Sass config and templates
vf-sass-config - Search Client Side
vf-search-client-side - Show more
vf-show-more - Utility Classes
vf-utility-classes