Row

Add and configure the Row component in a Docmino document.

When to use

Use Row to arrange related items horizontally, with scrolling when the available width is limited.

Child content

Row.Item

Props

Name⇅
Type⇅
Description⇅
id
string
A stable identifier used to reference the component.
gap
string
The spacing between child items.
itemWidth
number
The preferred width of each row item.
visibleWhen
expression
A condition that controls when the component is visible.

Example

Row

Concise supporting content for the first card.

A second card keeps the horizontal layout clear.

Add a third card to show scrolling behavior.

<Row gap="$2" itemWidth={240}> <Row.Item> Concise supporting content for the first card. </Row.Item> <Row.Item> A second card keeps the horizontal layout clear. </Row.Item> <Row.Item> Add a third card to show scrolling behavior. </Row.Item> </Row>