Accordion Status 1 - Status

Pro

Accordion of jobs with done, running and pending status icons.
Shadcn Accordion Status 1 component

Component data

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

Accordion Status 1 component design & features

Each trigger starts with a status icon: a filled tick for done, a spinner for running and an empty circle for pending. Pending titles are muted.

Status rows fit build pipelines, import jobs and any task list with live progress.