Horizontal Rule

Horizontal rules are used to separate content in a layout.

Signature

Copy
import { Util } from "tabler-react-2";

<Util.Hr {...props} />;

Tip: You can destructure the Util component to bring individual components into scope. For example:

Copy
import { Util } from "tabler-react-2";
const { Hr } = Util;

export default () => (
  <>
    <Hr />
  </>
);

Props

Basic Usage

The Hr component is used to create a horizontal rule.

Copy
<Hr />

Text

You can pass a text prop to the Hr component to display text in the horizontal rule.

Copy
<Hr text="Hello world" />