Shadcn.io is not affiliated with official shadcn/ui
With Text Right
Right-aligned text preceded by a flex-1 React separator for trailing actions and continuation links
End the row with the action. This React pattern runs a flex-1 Separator from the left and parks More on the right so the line points at a continuation. Built with shadcn/ui and Radix UI. Perfect for View all, Show more, and section footers.
With Text Right preview
Scroll to load preview
Installation
Related Components
Separator with Text Center
Centered text between symmetric separators
Separator with Text Left
Left-aligned text with right separator
Horizontal Separator
Simple horizontal separator
Default Spacing Separator
Separator with standard spacing
Link Button
Button styled as link
Collapsible
Expandable content section
FAQ
Was this page helpful?
Sign in to leave feedback.