Icon Boxes
Figma Component: tbd
Last modified with commit 605fa9d on
by Sara Deric.
The Icon Boxes component displays a grid of icon-based feature cards. Each box contains an icon, heading, and description text.
Functional Documentation
| Role | Scenario | Description |
|---|---|---|
| system | Display icon boxes grid | Shows boxes in grid layout. Number of columns adjusts based on viewport size. |
| system | Display box content | Each box shows icon at top, heading below, and description text. |
| editor | Add and configure boxes | Each box requires icon selection, heading text, and description. Boxes can be reordered. |
| user | Click box | When link URL is present, entire box is clickable and navigates to destination. Shows hover state on hover. |
Properties
Responsive (Variant)
| Value | Example |
|---|---|
| Desktop |  |
| Mobile |  |