The vf-divider component creates a horizontal dividing line to help separate content into their own container chunks.
This component is distributed with npm. After installing npm, you can install the vf-divider with this command.
$ yarn add --dev @visual-framework/vf-divider
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-divider/index.scss";
Make sure you import Sass requirements along with the modules.
The vf-divider does not have to be implemented inside it's own grid container and should rely on the parent vf-body to fill the width of the page.
File system location: components/vf-divider
{% render '@vf-divider--default', {
"component-type": "element"
} %}
<hr class="vf-divider">
vf-componenet-rollup vf-core-components vf-local-overrides vf-sample This page is part of the components section.