Divider

PreviousNext

Horizontal or vertical rule, optionally labeled.

import { Divider } from "@/rl-ui";

<Divider />

Examples

Labeled & dashed

import { Divider } from "@/rl-ui";

<>
<Divider>Or</Divider>
<Divider dashed>Dashed</Divider>
<Divider textAlign="left">Left</Divider>
</>

API

PropTypeDefaultDescription
orientation"horizontal" | "vertical""horizontal"Rule direction.
dashedbooleanfalseDashed stroke.
textAlign"left" | "center" | "right""center"Label alignment (horizontal).
childrenReactNode—Optional label (horizontal only).