Components

Horizontal Rule(React)

Dividers that separate sections of content.

Version:	`14.3.6` •View source•Changelog•Report issue
Install:	`yarn add @thumbtack/thumbprint-react`
Import:	`import { HorizontalRule } from '@thumbtack/thumbprint-react';`

`HorizontalRule` line styles

<React.Fragment>
    <HorizontalRule />
</React.Fragment>

<React.Fragment>
    <HorizontalRule />
</React.Fragment>

<React.Fragment>
    <HorizontalRule lineStyle="dotted" />
</React.Fragment>

<React.Fragment>
    <HorizontalRule lineStyle="dotted" />
</React.Fragment>

<React.Fragment>
    <HorizontalRule lineStyle="dashed" />
</React.Fragment>

<React.Fragment>
    <HorizontalRule lineStyle="dashed" />
</React.Fragment>

HorizontalRule default to Thumbtack’s gray color. You can use gray-300 instead by setting the color prop.

<React.Fragment>
    <HorizontalRule />
    <HorizontalRule color="gray-300" />
</React.Fragment>

<React.Fragment>
    <HorizontalRule />
    <HorizontalRule color="gray-300" />
</React.Fragment>