For basic text formatting and sizes.
vf-text 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-body--6);) than these
This component is distributed with npm. After installing npm, you can install the
vf-text with this command.
$ yarn add --dev @visual-framework/vf-text
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.
Make sure you import Sass requirements along with the modules. You can use a project boilerplate or the