Surfaces

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.

Flexible blocks and templates
Use ready-made blocks to craft unique pages without starting from scratch.
blocks.intentui.com