Horizontal Rule

On this page

# Intro

Horizontal rules are classless by default.

<hr/>

# Colors

Horizontal rules have color modifiers available with -primary, -success, -warning, -danger, -dark, and -light. The -light modifier should only be used in the dark theme or inside darker elements.

<hr class="-primary"/>

# Sizing

Horizontal rules can be sized using the -normal, -medium, and -large classes.

<hr class="-normal"/>