René's URL Explorer Experiment


Title: vf-code-example | The Visual Framework

Open Graph Title: Local components

X Title: Local components

Tel number
004962213870

Opengraph URL: https://stable.visual-framework.dev//components/vf-code-example/

direct link

Domain: stable.visual-framework.dev

msapplication-TileColor#ffffff
theme-color#ffffff
titleLocal components
authorEMBL
og:typewebsite
twitter:cardsummary_large_image

Links:

Visual Framework https://stable.visual-framework.dev/
About https://stable.visual-framework.dev/about
Components https://stable.visual-framework.dev/components
GitHubhttps://github.com/visual-framework/vf-core
Slackhttps://join.slack.com/t/visual-framework/shared_invite/enQtNDAxNzY0NDg4NTY0LWFhMjEwNGY3ZTk3NWYxNWVjOWQ1ZWE4YjViZmY1YjBkMDQxMTNlNjQ0N2ZiMTQ1ZTZiMGM4NjU5Y2E0MjM3ZGQ
Search https://stable.visual-framework.dev/search
Learn about the frameworkhttps://stable.visual-framework.dev/about
Principleshttps://stable.visual-framework.dev/design-principles/
Updates and bloghttps://stable.visual-framework.dev/updates/
Roadmaphttps://stable.visual-framework.dev/about/roadmap/
FAQhttps://stable.visual-framework.dev/about/faq/
Guidancehttps://stable.visual-framework.dev/guidance/
Design tokenshttps://stable.visual-framework.dev/design-tokens/
Figma resourceshttps://stable.visual-framework.dev/design-kit/
Troubleshootinghttps://stable.visual-framework.dev/troubleshooting/
Contributing and developinghttps://stable.visual-framework.dev/developing/
Setting up your development environmenthttps://stable.visual-framework.dev/developing/getting-started/setting-up/
Creating a componenthttps://stable.visual-framework.dev/guidance/creating-components
Article example pattern (with EMBL header, footer)https://stable.visual-framework.dev/patterns/article/
Content page (with the EMBL-EBI header, footer)https://stable.visual-framework.dev/patterns/boilerplate-generic-embl-ebi/
Error pageshttps://stable.visual-framework.dev/patterns/error-pages/
Integrating with existing sites and CSS, JShttps://stable.visual-framework.dev/patterns/integration/
Landing pagehttps://stable.visual-framework.dev/patterns/landing-page/
Scientific resource landing pagehttps://stable.visual-framework.dev/patterns/scientific-service/
Search resultshttps://stable.visual-framework.dev/patterns/search-results/
Bannerhttps://stable.visual-framework.dev/components/vf-banner
Card Containerhttps://stable.visual-framework.dev/components/vf-card-container
Chatbothttps://stable.visual-framework.dev/components/vf-chatbot
Contenthttps://stable.visual-framework.dev/components/vf-content
ELIXIR Bannerhttps://stable.visual-framework.dev/components/vf-banner-elixir
Footerhttps://stable.visual-framework.dev/components/footer
Herohttps://stable.visual-framework.dev/components/vf-hero
Introhttps://stable.visual-framework.dev/components/vf-intro
Mega menuhttps://stable.visual-framework.dev/components/vf-mega-menu
News Containerhttps://stable.visual-framework.dev/components/vf-news-container
Summary Containerhttps://stable.visual-framework.dev/components/vf-summary-container
Video Containerhttps://stable.visual-framework.dev/components/vf-video-container
Article Meta Informationhttps://stable.visual-framework.dev/components/vf-article-meta-information
Back to tophttps://stable.visual-framework.dev/components/vf-back-to-top
Breadcrumbshttps://stable.visual-framework.dev/components/vf-breadcrumbs
Cardhttps://stable.visual-framework.dev/components/vf-card
Code Examplehttps://stable.visual-framework.dev/components/vf-code-example
Detailshttps://stable.visual-framework.dev/components/vf-details
Discussionhttps://stable.visual-framework.dev/components/vf-discussion
Dropdownhttps://stable.visual-framework.dev/components/vf-dropdown
Embedhttps://stable.visual-framework.dev/components/vf-embed
Global Headerhttps://stable.visual-framework.dev/components/vf-global-header
Ledehttps://stable.visual-framework.dev/components/vf-lede
Navigationhttps://stable.visual-framework.dev/components/vf-navigation
Page Headerhttps://stable.visual-framework.dev/components/vf-page-header
Paginationhttps://stable.visual-framework.dev/components/vf-pagination
Profilehttps://stable.visual-framework.dev/components/vf-profile
Progress indicatorhttps://stable.visual-framework.dev/components/vf-progress-indicator
Searchhttps://stable.visual-framework.dev/components/vf-search
Section Headerhttps://stable.visual-framework.dev/components/vf-section-header
Social iconshttps://stable.visual-framework.dev/components/vf-social-links
Summaryhttps://stable.visual-framework.dev/components/vf-summary
Tablehttps://stable.visual-framework.dev/components/vf-table
Tabshttps://stable.visual-framework.dev/components/vf-tabs
Tagshttps://stable.visual-framework.dev/components/vf-tags
Treehttps://stable.visual-framework.dev/components/vf-tree
Videohttps://stable.visual-framework.dev/components/vf-video
Video Teaserhttps://stable.visual-framework.dev/components/vf-video-teaser
Badgehttps://stable.visual-framework.dev/components/vf-badge
Blockquotehttps://stable.visual-framework.dev/components/vf-blockquote
Bookmarkhttps://stable.visual-framework.dev/components/vf-bookmark
Buttonhttps://stable.visual-framework.dev/components/vf-button
Dividerhttps://stable.visual-framework.dev/components/vf-divider
Faviconhttps://stable.visual-framework.dev/components/vf-favicon
Figurehttps://stable.visual-framework.dev/components/vf-figure
Headingshttps://stable.visual-framework.dev/components/vf-heading
Linkhttps://stable.visual-framework.dev/components/vf-link
Listshttps://stable.visual-framework.dev/components/vf-list
Logohttps://stable.visual-framework.dev/components/vf-logo
Texthttps://stable.visual-framework.dev/components/vf-text
Bodyhttps://stable.visual-framework.dev/components/vf-body
Clusterhttps://stable.visual-framework.dev/components/vf-cluster
Flaghttps://stable.visual-framework.dev/components/vf-flag
Gridhttps://stable.visual-framework.dev/components/vf-grid
Sidebar Layouthttps://stable.visual-framework.dev/components/vf-sidebar
Stackhttps://stable.visual-framework.dev/components/vf-stack
Chatbothttps://stable.visual-framework.dev/components#chatbot
Formshttps://stable.visual-framework.dev/components#form
Toolshttps://stable.visual-framework.dev/components#tools
Utilityhttps://stable.visual-framework.dev/components#utility
Building a sitehttps://stable.visual-framework.dev/building
Components and patternshttps://stable.visual-framework.dev/components
blockhttps://stable.visual-framework.dev/guidance/component-types/
https://github.com/visual-framework/vf-core/tree/develop/components/vf-code-example
https://badge.fury.io/js/%40visual-framework%2Fvf-code-example
Usagehttps://stable.visual-framework.dev/components/vf-code-example#usage
Variantshttps://stable.visual-framework.dev/components/vf-code-example#variants
Exampleshttps://stable.visual-framework.dev/components/vf-code-example#examples
Installhttps://stable.visual-framework.dev/components/vf-code-example#installation
Changeloghttps://stable.visual-framework.dev/components/vf-code-example#changelog
Assetshttps://stable.visual-framework.dev/components/vf-code-example#assets
vf-eleventyhttps://github.com/visual-framework/vf-eleventy
examplehttps://github.com/visual-framework/vf-eleventy/blob/master/src/site/index.yml
installing npmhttps://www.npmjs.com/get-npm
Sasshttp://sass-lang.com
project boilerplatehttps://stable.visual-framework.dev/building/
vf-sass-starterhttps://stable.visual-framework.dev/components/vf-sass-starter/
Nunjucks templatehttps://stable.visual-framework.dev/assets/vf-code-example/vf-code-example.njk
Confighttps://stable.visual-framework.dev/assets/vf-code-example/vf-code-example.config.yml
CHANGELOG.mdhttps://stable.visual-framework.dev/assets/vf-code-example/CHANGELOG.md
vf-code-example.csshttps://stable.visual-framework.dev/assets/vf-code-example/vf-code-example.css
vf-code-example.scsshttps://stable.visual-framework.dev/assets/vf-code-example/vf-code-example.scss
Propose a changehttps://github.com/visual-framework/vf-core/blob/develop/tools/vf-component-library/src/site/components/component-view.njk
discuss ithttps://stable.visual-framework.dev/guidance/discussing-the-vf
Get involvedhttps://stable.visual-framework.dev/guidance/discussing-the-vf
Abouthttps://stable.visual-framework.dev/about
FAQhttps://stable.visual-framework.dev/about/faq
Roadmaphttps://stable.visual-framework.dev/about/roadmap
Consultation processhttps://stable.visual-framework.dev/about/consultation
Updates and bloghttps://stable.visual-framework.dev/updates
Buildinghttps://stable.visual-framework.dev/building
Component listhttps://stable.visual-framework.dev/components
Patterns and exampleshttps://stable.visual-framework.dev/patterns
Guidance and principleshttps://stable.visual-framework.dev/guidance
Troubleshootinghttps://stable.visual-framework.dev/troubleshooting
Developinghttps://stable.visual-framework.dev/developing
Setting uphttps://stable.visual-framework.dev/developing/getting-started/setting-up
Code of conducthttps://stable.visual-framework.dev/developing/getting-started/code-of-conduct
Making a Pull Requesthttps://stable.visual-framework.dev/developing/getting-started/pull-requests
Projecthttps://github.com/visual-framework/vf-core
Searchhttps://stable.visual-framework.dev/search
Changelog, updateshttps://stable.visual-framework.dev/updates
GitHubhttps://github.com/visual-framework/vf-core
Slackhttps://join.slack.com/t/visual-framework/shared_invite/enQtNDAxNzY0NDg4NTY0LWFhMjEwNGY3ZTk3NWYxNWVjOWQ1ZWE4YjViZmY1YjBkMDQxMTNlNjQ0N2ZiMTQ1ZTZiMGM4NjU5Y2E0MjM3ZGQ
Brought to you by the developers, designers and UX teams at EMBL and EMBL-EBIhttps://www.embl.org/
Meyerhofstraße 1, 69117 Heidelberg, Germanyhttps://goo.gl/maps/nbxNg2HGXL1MTtzt9
See more releaseshttps://stable.visual-framework.dev/updates
RSS Feedhttps://stable.visual-framework.dev/feed.xml
Apache 2.0https://github.com/visual-framework/vf-core/blob/develop/LICENSE
https://stable.visual-framework.dev/components/vf-code-example
disclaimer noteshttps://www.ebi.ac.uk/data-protection/privacy-notice/embl-ebi-public-website/
Leave feedbackhttps://embl.service-now.com/esc?id=sc_cat_item&sys_id=5eeb8eb91b92e650b376da88b04bcbc1
https://stable.visual-framework.dev/components/vf-code-example

Viewport: width=device-width, initial-scale=1.0

Robots: index, follow

URLs of crawlers that visited me.