hstack
One horizontal row. Wrapping is opt-in, per the name's promise.
Example
alpha
beta
gamma
delta
Basic usage
<m-hstack gap="sm">…</m-hstack> <!-- one row, like SwiftUI -->
<m-hstack gap="sm" wrap>…</m-hstack> <!-- allowed to wrap -->API
Attributes
| Name | Type/Values | Default | Description |
|---|---|---|---|
gap | none · 2xs · xs · sm · md · lg · xl · 2xl | md | Sets the space between children. |
align | start · center · end · stretch | center | Aligns children on the vertical axis. |
justify | start · center · end · between | start | Distributes children along the horizontal axis. |
wrap | boolean | false | Allows the row to wrap onto multiple lines. |