shadcn/ui Separator: vertical orientation now visible — self-stretch fix deployed on ui.shadcn.com
Comments · 0
Be the first to comment.
Explanation— by SceneRecap AI
At [0.0s], the user opens the shadcn/ui documentation page for the Separator component (/docs/components/base/separator). The initial screen displays the default component header, description, and an interactive preview demonstrating a standard horizontal divider between text elements.
Around [9.5s], the user scrolls down past the package installation commands and basic usage snippets to view specific component configurations. By [11.0s], the page brings the Vertical section into view, explaining how to set orientation="vertical" for vertical divider lines.
From [17.0s] through [23.0s], the user moves their cursor over the live preview of the vertical separator example, which displays the inline links Blog, Docs, and Source separated by vertical lines.
Key moments
What to know
- •The documentation outlines how to implement both horizontal and vertical separators in shadcn/ui.
- •The vertical separator demo demonstrates separating inline text links using `orientation="vertical"`.
Glossary
- Separator
- A component used to visually or semantically divide sections of content horizontally or vertically.
- shadcn/ui
- A popular library of customizable, accessible React components built with Tailwind CSS.
Your recordings could explain themselves too.
Free plan · silent recordings welcome · bug reports included.
Try SceneRecap free →