Components

Horizontal Rule(SCSS)

Dividers that separate sections of content.

Version:4.0.0 View sourceChangelogReport issue
Install:yarn add @thumbtack/thumbprint-scss

This component will be renamed

The tp-rule classes will be renamed to tp-horizontal-rule in early December.Learn more about the changes.

Horizontal Rule Styles

Basic


<hr class="tp-rule" />

Dotted


<hr class="tp-rule tp-rule--dotted" />

Dashed


<hr class="tp-rule tp-rule--dashed" />