Accordion Rail 4 - Rail on the Right

Pro

Accordion with the rail on the right edge and a right-pointing chevron before each title.
Shadcn Accordion Rail 4 component

Component data

ID
accordion/accordion-rail-4
Access
pro
Created
Oct 30, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Accordion Rail 4 component design & features

A two-pixel rail runs down the right of each item and darkens when it opens. The chevron sits on the left and rotates down.

A right-side rail fits preference panels and side sheets aligned to the right edge.