Layout
Stack
A flexbox layout primitive for spacing children consistently — the workhorse for arranging every other component.
StackPreview
One
Two
Three
Usage
tsx
import { Stack, Button } from "@vesture/react";
<Stack direction="row" gap="sm" align="center" wrap>
<Button>One</Button>
<Button variant="secondary">Two</Button>
</Stack>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| direction | "row" | "column" | "column" | Flex direction. |
| align | StackAlign | "stretch" | align-items. |
| justify | StackJustify | "start" | justify-content. |
| gap | StackGap | "md" | Token-based gap size (xs–2xl). |
| wrap | boolean | false | Enables flex-wrap. |
| ...rest | HTMLAttributes<HTMLDivElement> | — | Spread onto the root <div>. |