Components

Horizontal Rule(React)

Dividers that separate sections of content.

Version:11.1.1 View sourceChangelogReport issue
Install:yarn add @thumbtack/thumbprint-react
Import:import { HorizontalRule } from '@thumbtack/thumbprint-react';

HorizontalRule line styles

Basic


Dotted


Dashed


Colors

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



Props

HorizontalRule

  • lineStyle

    Renders the horizontal rule with the thumbtack styles.

    Type
    oneOf([
      'solid',
      'dotted',
      'dashed',
    ])
    Default
    'solid'
  • color
    Type
    oneOf([
      'gray',
      'gray-300',
    ])
    Default
    'gray'