Image with Text Boxes
Figma Component: 26416-221281
GitHub Issue: #274
Section with small title, title, description, and image, followed by a grid of three to eight check-marked text boxes inside a shaded container.
Functional Documentation
| Role | Scenario | Description |
|---|---|---|
| system | Display section header | Shows small title, title, description, and image side by side. |
| system | Display text boxes | Shows three to eight boxes each with a check icon, heading, and description. Boxes are divided by a horizontal line between rows. |
| system | Stack on mobile | Image moves below the section header. Text boxes display as a single column. |
| editor | Configure section header | Set small title, title, description, and image. |
| editor | Configure text boxes | Box count can be from three to eight. Each box has a heading and description. |
| user | View content |
Properties
Responsive (Variant)
| Value | Example |
|---|---|
| Desktop | ![]() |
| Mobile | ![]() |

