Code Example component
About
If you're using the VF Nunjucks environment, you can utilise the {% codeblock 'html' -%}{% endcodeblock %} tag to assist generating pre-formatted content.
Install
This component is distributed with npm. After installing npm, you can install the vf-code-example with this command.
$ yarn add --dev @visual-framework/vf-code-example
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-code-example/index.scss";
Make sure you import Sass requirements along with the modules. You can use a project boilerplate or the vf-sass-starter