@visual-framework/vf-code-example v1.3.0

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

Help

• Read the Visual Framework troubleshooting
• Open a ticket
• Chat on Slack