Docs
separator

separator

Visually or semantically separates content.

Radix Primitives

An open-source UI component library.

Blog
Docs
Source

Installation

npx duck-ui@latest add separator
npx duck-ui@latest add separator

Usage

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

API Reference

Separator

  • orientation ('horizontal' | 'vertical', optional, default: 'horizontal'): Controls the orientation of the separator line.
  • ...props (React.HTMLProps<HTMLDivElement>): Additional props forwarded to the root <div> element.

Behavior: Renders an accessible separator line with appropriate ARIA role and orientation. By default, renders a horizontal 1px high full-width line; if orientation is 'vertical', renders a vertical 1px wide full-height line.

SelectSheet