This components attempts to gracefully serve the JS to only the browsers that need it by using the
nomodule attribute in script tags
We use polyfill bundling from
This is is what it looks like:
<script nomodule src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
In effect, this provides better support to Internet Explorer and very old versions of Chrome, FireFox and Safari.
In the future we may support passing parameters to the NJK template to load various mixes of polyfills.
< script nomodule crossorigin= "anonymous" src= "https://polyfill.io/v3/polyfill.min.js?flags=gated&features=default"> </
This repository is distributed with
npm. After installing npm, you can install
vf-polyfill-js with this command.
$ yarn add --dev @visual-framework/vf-polyfill-js
The style files included are written in
Sass. If you're using a VF-core project, you can import it like this:
Make sure you import Sass requirements along with the modules. You can use a
project boilerplate or the
Update milestones and roadmap.
Add ELIXIR banner to example EMBL-EBI page.
Fixed issue of overlapping menu on VF components site
Implements updated vf-search markup.
Changes a few pages on how it works with nunjucks and markdown.
updates Design Tokens homepage.
adds neutral colour tokens
adds 'status banners' for components in the documentation page.
Adds the form options as their own set of components in the list.
Updates to use 11ty 0.12.1
vf-intro so it's a white background, removes the padding.
changes the links in
vf-intro to be the 'correct' buttons.
small change to cards on homepage
adds roamap and consultation docs
design token documenation now lives in the component libary
begin to make more pattern/boilerplate guidance
minor templating updates
adds meta attributes
vf-component-assets:everything on local dev
remove reference to removed
Fix component CSS generation
Also generate per-component CSS with
Initial release to be used with vf-core 2.2.0
File system location:
Find an issue on this page?
Propose a change or discuss it.