Divider

Dividers are an important component that logically split up content in an application. For example, dividers are used the most out of any component in this documentation. Dividers can logically separate different bodies of text, related components, or related actions. The text type component can also add reasoning behind the separation.

Examples

Default

Default Divider.

Custom Divider

Customize divider by passing the children prop to the component.

Installation

Properties

For more advanced usage, see https://www.radix-ui.com/primitives/docs/components/separator (opens in a new tab).