ComponentsLayout
Separator
A visual divider between content.
Overview
A separator draws a thin line between groups of content, horizontally or vertically.
Morpha UIAn open component library.
DocsComponentsCLI
$ npx morpha-ui add separatorInstallation
Morpha UI components are distributed via the Morpha CLI (coming in a later
step): npx morpha-ui add separator. In the meantime, since this is the base
shadcn component, you can also add it directly:
npx shadcn@latest add separatorAPI Reference
Prop
Type
Accessibility
- Keep
decorative(the default) when the line is purely visual — it is then hidden from assistive tech. - For a meaningful divider, set
decorative={false}; it then exposesrole="separator"with its orientation.