Shadcn.io is not affiliated with official shadcn/ui
Thick Separator
A thick horizontal React separator that overrides the primitive h-px rule with data-orientation height for a 4px break
Make a major break read as major. This React Separator sets data-[orientation=horizontal]:h-1 so the 4px height actually wins over the primitive's h-px utility. Built with shadcn/ui and Radix UI. Perfect for chapter breaks, category boundaries, and footer rules.
Thick Separator preview
Scroll to load preview
Installation
Related Components
Horizontal Separator
Standard 1px separator
Double Line
Two parallel separators
Dashed Separator
Dashed line pattern
Section Divider
Separator between titled sections
Gradient Separator
Fade effect separator
Card
Card with section divisions
FAQ
Was this page helpful?
Sign in to leave feedback.