Accordion Meta 4 - Meta with Status

Pro

Accordion with a coloured status dot and label in each trigger.
Shadcn Accordion Meta 4 component

Component data

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

Accordion Meta 4 component design & features

Every row carries a status dot and a short label, such as Operational or Degraded. Opening a row explains the status in more detail.

Use it for service status pages, integration health and deployment lists.