Accordion Media 1 - Media

Pro

Accordion whose panels show a short description above an image.

Shadcn Accordion Media 1 component

Component data

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

Accordion Media 1 component design & features

Opening an item reveals a line of copy and a 16:9 image with rounded corners. The image is part of the panel, so it animates open with the text.

Media panels suit space tours, product tours and service lists that pair copy with a photo.