Join our Discord Community
shadcn.io
AIBackgroundBlocksButtonsChartsComponentsHooksMCPPatternsPromptsShadcn UIShadersTextTheme
Separator/Spacing
Previous: React Separator - With MarginsNext: React Thick Separator

React Inset Separator

Separator - Spacing pattern component

Looking to implement shadcn/ui patterns?

Join our Discord community for help from other developers.


Loading preview...

Pattern created by @haydenbleasel

Installation

npx shadcn@latest add https://www.shadcn.io/registry/separator-spacing-5.json
npx shadcn@latest add https://www.shadcn.io/registry/separator-spacing-5.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/separator-spacing-5.json
bunx shadcn@latest add https://www.shadcn.io/registry/separator-spacing-5.json

React Separator - With Margins

Separator - Spacing pattern component

React Thick Separator

Separator - Styled pattern component

On this page

Installation