Separator

A horizontal or vertical divider built on Radix Separator, rendered as decorative or semantic for accessibility.

separatordividerlayoutradix

How do I install the Separator component?

Run the command below in a project with the shadcn CLI. It copies the component source into your repo and installs its dependencies.

npx shadcn@latest add https://www.saasuji.com/r/separator.json

Dependencies

Also available as a markdown reference for AI agents: /components/separator.md

Related components

Button Group

A horizontal or vertical group of buttons with shared edges, plus separator and text primitives for toolbar-style and segmented layouts.

Form

react-hook-form bindings for accessible form fields: FormField, FormItem, FormLabel, FormControl, FormDescription, and FormMessage with automatic error wiring.

Field

Composable form field layout primitives — FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldTitle, FieldDescription, FieldError, FieldSeparator, and FieldContent — with vertical, horizontal, and responsive orientations.