Surfaces

Separator

A minimalist divider used to create visual distinction between content sections, improving readability and organization.

Basic

Sometimes you need a separator to separate content. This component is a simple wrapper around the Separator component from react-aria-components. It's a breeze to use.

Installation

If you hit any issues, make sure you check out the installation guide here for more information.

Manual Installation

Make sure you also install the composed components and the required packages for the component to function properly.

Anatomy

Orientation

Separator has two orientations: horizontal and vertical. The default is horizontal.

Previous
Heading
Next
Show More