On this page
Props
orientation
<Separator />Installation
npm
pnpm
yarn
bun
npx shadcn@latest add @dotui/separatorUsage
Use separators to visually divide content in lists, menus, or other places.
import { Separator } from '@/components/ui/separator'<Separator />Examples
Components
Hooks
Components
Hooks
dotUI
Tools for building high-quality, accessible UI.
Docs
Components
Hooks
Themes
API Reference
A separator is a visual divider between two groups of content, such as groups of menu items or sections of a page.
| Prop | Type | Default | |
|---|---|---|---|
string | — | ||
Orientation | 'horizontal' | ||
Last updated on 6/16/2026