Variants

Variant: Default beta element

Nunjucks demo

{% render '@vf-sample--default', {
  "component-type": "element",
  "text": "and here is some passed text"
} %}
        

Sample output

Sample output as HTML

<p>I'm a sample and here is some passed text</p>
        

Assets

• Nunjucks template
  • vf-sample.scss

Variant: Another Variant beta element

Nunjucks demo

{% render '@vf-sample--another-variant', {
  "component-type": "element",
  "text": "and some passed text from another variant"
} %}
        

Sample output

Sample output as HTML

<p>I'm a sample and some passed text from another variant</p>
        

Assets

• Nunjucks template
  • vf-sample.scss