Net7 UI Kit

Vertical divider 

<div class="w-4 md:w-8 lg:w-12">
    <img class="w-full h-auto" src="/images/vertical-divider.svg" alt="">
</div>
 
<div class="{{ width }}{% block classes %}{% if classes %} {{ classes }}{% endif %}{% endblock %}">
    <img class="w-full h-auto" src="/images/vertical-divider.svg" alt="">
</div>
 
{
  "width": "w-4 md:w-8 lg:w-12"
}

Vertical divider component.

  • classes: value - when you need extra classes - for style overriding etc

Blocks:

  • classes: for class overridings in variant templates, if needed