1.2 KiB
title, description, done
| title | description | done |
|---|---|---|
| Divider | A divider visually segments content into groups | true |
Default markup
{% example html max-width=300 %} {% include ui/hr.html %}
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 %} {% 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 %}