Image Box Accordion Grid
Figma Component: 22271-117853
Last modified with commit 062d974 on
by Sara Deric.
The Image Box Accordion Grid displays a grid of partner or accreditation logos with expandable accordion items. Each item contains a logo image, title, truncated description, and expand button. The component includes an title, heading, and introductory text.
Functional Documentation
| Role | Scenario | Description |
|---|---|---|
| system | Display section header | Shows optional kicker, heading, and optional body text above grid when present. |
| system | Display grid layout | Arranges accordion items in rows of 3 on desktop, single-column stack on mobile. |
| system | Display accordion item | Each item shows logo image, title, truncated single-line description with ellipsis, and expand button with down arrow icon. |
| editor | Add section header content | Kicker (optional), heading and introductory body text (optional). |
| editor | Add and configure accordion items | Each item requires logo image upload (square format), title text, and description text. Items can be reordered. |
| user | Click expand button | Expands accordion to show full description text. Button shows hover state on hover. |
Properties
Responsive (Variant)
| Value | Example |
|---|---|
| Desktop |  |
| Mobile |  |