Row
Row displays its children in a horizontal layout with consistent spacing. It's useful for placing multiple elements side-by-side, such as cards or callouts.
Properties
(None)
This component does not accept any attributes.
Examples
Row of Cards
The Title of the Card
Card with title, body, and icon.
The Title of the Card
Card with title, body, and icon.
The Title of the Card
Card with title, body, and icon.
<scalar-row>
<scalar-card icon="solid/basic-shape-hexagon" title="The Title of the Card">
Card with title, body, and icon.
</scalar-card>
<scalar-card icon="solid/basic-shape-hexagon" title="The Title of the Card">
Card with title, body, and icon.
</scalar-card>
<scalar-card icon="solid/basic-shape-hexagon" title="The Title of the Card">
Card with title, body, and icon.
</scalar-card>
</scalar-row>
The Title of the Card
Card with title, body, and icon.
The Title of the Card
Card with title, body, and icon.
The Title of the Card
Card with title, body, and icon.
::::scalar-row
:::scalar-card{icon="solid/basic-shape-hexagon" title="The Title of the Card"}
Card with title, body, and icon.
:::
:::scalar-card{icon="solid/basic-shape-hexagon" title="The Title of the Card"}
Card with title, body, and icon.
:::
:::scalar-card{icon="solid/basic-shape-hexagon" title="The Title of the Card"}
Card with title, body, and icon.
:::
::::