Divider
Examples
To render a divider, apply the class chi-divider
to an hr
or div
tag.
Vertical #
To render a vertical divider, apply -vertical
and ensure the parent container has a height specified.
Label #
Add text to a divider and apply the class -label
to include a label. This method is especially useful for login and sign up forms. Label text size can be changed by applying text utility classes such as -text
, -text--sm
, or -text--lg
.