There are currently two types of card component that can be used for your projects. Each card component requires the additional modifier class to be added into either your .yml file or directly into the HTML.
Do Not have more than one variant of the vf-card in a container.
This repository is distributed with npm. After installing npm, you can install vf-card with this command.
$ yarn add --dev @visual-framework/vf-card
The style files included are written in Sass. If you're using a VF-core project, you can import it like this:
@import "@visual-framework/vf-card/index.scss";
Make sure you import Sass requirements along with the modules. You can use a project boilerplate or the vf-sass-starter