Separator

A separator visually divides content in lists, menus, or other places.

Props

orientation

<Separator />

Installation

npm

pnpm

yarn

bun

npx shadcn@latest add @dotui/separator

Use separators to visually divide content in lists, menus, or other places.

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

<Separator />

Components

Hooks

Components

Hooks

Tools for building high-quality, accessible UI.

Docs

Components

Hooks

Themes

Missing description.

Prop	Type	Default
	`string`	`—`
	`Orientation`	`'horizontal'`
	`DOMRenderFunction<"div" \| "hr", undefined>`	`—`

Last updated on 6/11/2026