Heading component
About
For basic heading formatting and sizes.
Usage
The vf-heading
component leverages the design token typography sizes.
This component provides a utility-like functionality and you'll rarely need to directly use this component. When coding a component's Sass, it will typically be better to use the mixins (@include set-type(text-heading--1);
) than these vf-heading
classes.
Install
This component is distributed with npm. After installing npm, you can install the vf-heading
with this command.
$ yarn add --dev @visual-framework/vf-heading
Sass/CSS
The source files included are written in Sass(scss
). You can point your Sass include-path
at your node_modules
directory and import it like this.
@import "@visual-framework/vf-heading/index.scss";
Make sure you import Sass requirements along with the modules. You can use a project boilerplate or the vf-sass-starter
Help