Accordion Card 3 - Ghost

Pro

Borderless accordion with a hover tint and a filled background on the open item.

Shadcn Accordion Card 3 component

Component data

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

Accordion Card 3 component design & features

This ghost accordion has no dividers or borders. Items tint on hover and the open item keeps a muted rounded background, with a chevron indicator that rotates.

Ghost items suit dense side panels and popovers where borders would add too much visual noise.