Composant · Structure

Stack

Stable

Empilement vertical à gap homogène. Raccourci de Flex en direction colonne, idéal pour des sections successives.

Exemples

gap=1gap=1gap=1

Voir le code (Svelte)

<Stack gap={1}>
  <Badge tone="info">gap=1</Badge>
  <Badge tone="info">gap=1</Badge>
  <Badge tone="info">gap=1</Badge>
</Stack>

CentréAligné au centre

Voir le code (Svelte)

<Stack gap={2} align="center">
  <Badge>Centré</Badge>
  <Badge tone="success">Aligné au centre</Badge>
</Stack>

Prop	Type	Default
`gap`	`number` (pas 0–12)	–
`align`	`"start" \| "center" \| "end" \| "stretch" \| "baseline"`	–
`justify`	`"start" \| "center" \| "end" \| "between" \| "around" \| "evenly"`	–
`as`	`string`	`"div"`

Stack force direction="column" sur Flex.