Columns
Add and configure the Columns component in a Docmino document.
When to use
Use Columns to place related or contrasting content side by side in a responsive grid.
Child content
Columns.Item
Props
Name⇅
Type⇅
Description⇅
id
string
A stable identifier used to reference the component.
columns
number
The number of columns used by the layout.
gap
string
The spacing between child items.
visibleWhen
expression
A condition that controls when the component is visible.
Example
Columns
Group related details together in the first column.
Use the second column for parallel content or comparison.
<Columns columns={2}>
<Columns.Item>
Group related details together in the first column.
</Columns.Item>
<Columns.Item>
Use the second column for parallel content or comparison.
</Columns.Item>
</Columns>