Separator

Installation

Install the component via the CLI in one command.

npx shadcn@latest add @intentui/separator

Manual installation

Use this approach if you prefer to install and wire up the component yourself instead of using the CLI.

npm install react-aria-components tailwind-merge

Anatomy

import { Separator } from "@/components/ui/separator"

<Separator orientation='vertical | horizontal' />

Examples

Orientation

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

Component API

Separator extends the React Aria Components <Separator> component.

classNamestring

See the React Aria useSeparator reference for the full API reference.

Design