tabler/pages/_docs/divider.md

title, description, bootstrap-link, done

title	description	bootstrap-link	done
Divider	A divider visually segments content into groups	components/dropdowns/#dividers	true

Default markup

{% capture code %}

Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!

{% include ui/hr.html text="Left divider" position="left" %}

Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!

{% include ui/hr.html text="Centered divider" %}

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!

{% endcapture %} {% include example.html code=code %}

Divider color

Customize the color of the divider. You can click [here]({% docs_url colors %}) to see the list of available colors.

{% capture code %}

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!

{% endcapture %} {% include example.html code=code %}