Container

BetaRSC-safe

L1 — Contrainte de largeur + gouttières : centre le contenu, borne la largeur max sur l'échelle --bp-* (sm à 2xl). RSC-safe, zéro dépendance client.

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

Playground

Contenu borné (maxWidth="sm")

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

<Container maxWidth="lg">
  {/* contenu de page */}
</Container>

<Container as="main" maxWidth="md">
  {/* landmark <main> */}
</Container>

maxWidth, padding, center, as

<Container maxWidth="lg">
  {/* contenu de page */}
</Container>

<Container as="main" maxWidth="md">
  {/* landmark <main> */}
</Container>