Shadcn.io is not affiliated with official shadcn/ui
Simple Line
A minimal horizontal separator line with no surrounding content showing basic usage and default styling
Sometimes you just need a line—nothing more, nothing less. This React Separator displays minimal horizontal dividing line with default styling and no surrounding content. Built with shadcn/ui Separator and Radix UI primitives, the simple line demonstrates base component—perfect for understanding default behavior, testing separator styling, integrating into custom layouts, as building block, or any scenario where you need basic horizontal division without additional context or configuration.
Simple Line preview
Installation
Related Components
Horizontal Separator
Separator with content above and below
Section Divider
Separator between titled sections
Vertical Separator
Vertical orientation separator
In Navigation
Separators between nav links
Card
Card with internal dividers
Dialog
Modal with section divisions
FAQ
Was this page helpful?
Sign in to leave feedback.