vf-code-example component

Usage no npm install needed!

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


Code Example component

npm version


If you're using the VF Nunjucks environment, you can utilise the {% codeblock 'html' -%}{% endcodeblock %} tag to assist generating pre-formatted content.


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


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