Text Columns
Figma Component: 22847-182818
Last modified with commit 770260f on
by Martin Jagodic.
The Text Columns displays text content in a two-column layout on desktop and single-column layout on mobile. The left column contains a heading and body text, while the right column contains additional body text and an optional button.
Functional Documentation
| Role | Scenario | Description |
|---|---|---|
| system | Display column layout | Shows two-column layout side by side on desktop, stacks vertically on mobile. |
| system | Display left column content | Shows heading and body text in left column. |
| system | Display right column content | Shows body text and optional button with label and arrow icon in right column. Button does not display when not present. |
| editor | Add left column content | Heading text and optional body paragraph for left column. |
| editor | Add right column content | Body paragraph text and optional button with label and URL for right column. |
| user | Click button | Navigates to destination URL. Button shows hover state on hover. |
Properties
Responsive (Variant)
| Value | Example |
|---|---|
| Desktop |  |
| Mobile |  |