Accordion Media 2 - Media with Thumbnails

Pro

Accordion with a square thumbnail and a meta line in each trigger row.
Shadcn Accordion Media 2 component

Component data

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

Accordion Media 2 component design & features

Each trigger shows a small product thumbnail, a title and a muted meta line. The panel text is indented to line up with the title.

Thumbnail rows fit product lists, catalogues and saved items where a picture helps recognition.