Stack

BetaRSC-safe

L1 — Primitive de layout flexbox : empile des enfants en ligne ou colonne, espacement via l'échelle --space-*. RSC-safe, zéro dépendance client.

import { Stack } from "@lyra/tokens/components";

Playground

Item A

Item B

Item C

Démo interactive — réglages du playground (props ajustables en direct) à venir.

<Stack gap={3}>
  <Card />
  <Card />
</Stack>

<Stack direction="row" gap={2} align="center" justify="between">
  <Logo />
  <Nav />
</Stack>

direction, gap, align, justify, wrap, as

<Stack gap={3}>
  <Card />
  <Card />
</Stack>

<Stack direction="row" gap={2} align="center" justify="between">
  <Logo />
  <Nav />
</Stack>