Accordion Rail 5 - Rail with Step Nodes

Pro

Accordion where numbered nodes are connected by a vertical line, like a stepper.

Shadcn Accordion Rail 5 component

Component data

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

Accordion Rail 5 component design & features

Each item has a numbered node joined to the next by a vertical line that starts and ends at the first and last nodes. The open item's node fills.

Step nodes suit onboarding and setup flows where the steps should look connected.