Component

Separator

Visual divider between content.

Preview

Content above

Content below

Examples

Horizontal

Content above

Content below

Vertical

Item 1

Item 2

Item 3

AI Prompt

Ready to copy and paste into any AI model.

7 lines

prompt.txt

Build a shadcn/ui Separator for the **Clinic Admin** design system.

**Design preview to replicate exactly:**
- Horizontal: block with "Content above", Separator line, "Content below" (w-64 space-y-2)
- Vertical: flex row with "Item 1", vertical separator h-4, "Item 2", separator, "Item 3"

Support orientation horizontal | vertical. Border or background for the line. Return React component with cn() + Tailwind.

Copy once, paste anywhere, keep consistent output.