Shadcn.io is not affiliated with official shadcn/ui
In Navigation
Vertical separators between navigation links using h-4 height constraint for decorative inline dividers
Navigation needs subtle boundaries—not every link needs a border. This React Separator creates decorative vertical dividers between nav links using orientation equals vertical with h-4 (16px) height constraint. Built with shadcn/ui Separator and Radix UI primitives, short vertical separators divide inline nav—perfect for header navigation, footer links, breadcrumb trails, utility nav, or any horizontal link list where subtle visual separation improves scannability without overwhelming the design.
In Navigation preview
Installation
Related Components
Vertical Separator
Full-height vertical separators
Horizontal Separator
Horizontal content dividers
Breadcrumb
Navigation with chevron separators
Navigation Menu
Dropdown navigation structure
Button Group
Grouped interactive elements
Simple Line
Minimal separator
FAQ
Was this page helpful?
Sign in to leave feedback.