1.4 KiB
title, description, bootstrap-link, done
| title | description | bootstrap-link | done |
|---|---|---|---|
| Divider | A divider visually segments content into groups | components/dropdowns/#dividers | true |
Default markup
{% example html columns=1 %}
Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!
{% include ui/hr.html text="Left divider" %}Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!
{% include ui/hr.html text="Centered divider" position="center" %}Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!
{% include ui/hr.html text="Right divider" position="right" %}Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!
{% endexample %}Divider color
Customize the color of the divider. You can click [here]({% docs_url colors %}) to see the list of available colors.
{% example html columns=1 %}
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias, dolore dolores doloribus est ex.
{% include ui/hr.html text="Green divider" color="green" %}Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!
{% endexample %}