Announcing rollup release 2.4.8

Clarity on extending React support, style linting and a minor fix to vf-card.

5 Mar 2021

This week's release of components is minor and continue to focus on optimisation. Our next releases will likely contain [important changes on vf-form elements](https://github.com/visual-framework/vf-core/pull/1408) that will greatly improve the look and usability. We also [expect vf-masthead to be formally deprecated](https://github.com/visual-framework/vf-core/pull/1406).

This releases 2.4.8 to the CDN

[`https://assets.emblstatic.net/vf/v2.4.8/css/styles.css`](https://assets.emblstatic.net/vf/v2.4.8/css/styles.css)
[`https://assets.emblstatic.net/vf/v2.4.8/scripts/scripts.js`](https://assets.emblstatic.net/vf/v2.4.8/scripts/scripts.js) As a reminder, the rollup CSS and JS are compilations of many independently versioned components and is likely to contain changes that may disrupt the look of your site. We advise testing. Even better is to build your own CSS rollup from the npm sources, [you can find a guide here](/building).

### Continuing work on React support We've given further consideration on how to best support React. We'll use a dual approach, providing full true React components for complex VF components. For less interactive components we'll continue to consume the precompiled Nunjucks templates. #### [vf-extensions-react](https://github.com/visual-framework/vf-core/tree/develop/tools/vf-extensions-react/#readme) 0.0.3 npm git diff * Update readme with refined approach to VF-React support. * https://github.com/visual-framework/vf-core/issues/1401 * Fix npm version badge. --- ### Minor visual fix misaligned text #### [vf-card](https://latest.visual-framework.dev/components/vf-card/) 2.5.2 npm git diff * adds `align-items: start;` to the card so all child align when in a card container. * https://github.com/visual-framework/vf-core/issues/1395 --- ### Minor CSS error linting and configuration We're working to revitalize our CSS linter and as part of that we needed to update the stylelinter configuration to remove false positives. We also needed to fix a number of small CSS inconsistencies that had been introduced. A number of components were updated in [pull request #1405](https://github.com/visual-framework/vf-core/pull/1405). - [embl-grid](https://latest.visual-framework.dev/components/embl-grid/) - [vf-card](https://latest.visual-framework.dev/components/vf-card/) - [vf-embed](https://latest.visual-framework.dev/components/vf-embed/) - [vf-form](https://latest.visual-framework.dev/components/vf-form/vf-form__checkbox/) - [vf-form](https://latest.visual-framework.dev/components/vf-form/vf-form__radio/) - [vf-intro](https://latest.visual-framework.dev/components/vf-intro/) - [vf-masthead](https://latest.visual-framework.dev/components/vf-masthead/) - [vf-navigation](https://latest.visual-framework.dev/components/vf-navigation/) - [vf-news](https://latest.visual-framework.dev/components/vf-news-container/) - [vf-pagination](https://latest.visual-framework.dev/components/vf-pagination/) - [vf-search](https://latest.visual-framework.dev/components/vf-search-client-side/)

Find an issue on this page? Propose a change or discuss it.