@visual-framework/vf-heading

vf-heading component

Usage no npm install needed!

<script type="module">
  import visualFrameworkVfHeading from 'https://cdn.skypack.dev/@visual-framework/vf-heading';
</script>

README

Heading component

npm version

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