Layout / vstack

vstack

Tier 0

Vertical flow with consistent gaps. The workhorse.

one

two

three

<m-vstack gap="sm">
  <div>one</div>
  <div>two</div>
</m-vstack>

Attributes

gap: none · 2xs · xs · sm · md (default) · lg · xl · 2xl. align: start · center · end · stretch (default). Arbitrary values via the escape hatch: style="--gap: 2.75rem" — attributes and custom properties are the same mechanism.