vstack
Vertical flow with consistent gaps. The workhorse.
Example
one
two
three
Basic usage
<m-vstack gap="sm">
<div>one</div>
<div>two</div>
</m-vstack>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 | stretch | Aligns children on the horizontal axis. |
Styling
| Name | Type/Values | Default | Description |
|---|---|---|---|
--gap | CSS length | --space-md | Accepts arbitrary spacing, for example style="--gap: 2.75rem". The attribute and custom property are the same mechanism. |