Separator

Dividing element to create visual distinction between content groups.

Installation

Add the component to your project using the following command:

Usage

Import

Import the component and its related parts.

Separator Parts

Structure

The expected structure and composition of the component.

Anatomy

Props

Each component part, its responsibility, and the props it exposes.

<Separator>

The separator component.

Base behavior is provided by Base UI Separator. Refer to its documentation for the full API.
Name
Default
Options
`orientation`
`horizontal`
`horizontal``vertical`

Examples

Vertical

To create a vertical separator, pass the orientation prop to the Separator component.