Dividers

Size


sm

md

lg

</br>

sm

<div class="c-divider c-divider--dashed c-divider--sm ">
</div>
</br>

md

<div class="c-divider c-divider--dashed c-divider--md ">
</div>
</br>

lg

<div class="c-divider c-divider--dashed c-divider--lg ">
</div>
</br>

sm

@divider(['size' => 'sm'])
@enddivider

</br>

md

@divider(['size' => 'md'])
@enddivider

</br>

lg

@divider(['size' => 'lg'])
@enddivider

Style


dashed

dotted

solid

</br>

dashed

<div class="c-divider c-divider--dashed c-divider--md ">
</div>
</br>

dotted

<div class="c-divider c-divider--dotted c-divider--md ">
</div>
</br>

solid

<div class="c-divider c-divider--solid c-divider--md ">
</div>
</br>

dashed

@divider(['style' => 'dashed'])
@enddivider

</br>

dotted

@divider(['style' => 'dotted'])
@enddivider

</br>

solid

@divider(['style' => 'solid'])
@enddivider

Blade component parameters

Key Default value Type Available values Description
componentElement div string - The tag to use for this component.
style dashed string - Either dashed, solid or dotted.
size md string - The length of the divider. Either sm, md or lg.
id string - The DOM id of the component.
classList [] array - Array containing wrapping classes array
attributeList [] array - Array containing keys and values rendered as attributes
containerAware false boolean true/false Makes the component container aware. Appends modifiers --size--xs/sm/md/lg to the component.
Settings location: /mnt/persist/www/docroot_styleguide_v2/source/library/source/php/Component/Divider/divider.json