Button

BetaRSC-safe

L2 — '<'button'>' natif stylable : variantes primary/secondary/ghost/danger, tailles sm/md/lg, états disabled/loading. Touch-target ≥44px. RSC-safe (props-driven).

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

Playground

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

<Button onClick={save}>Enregistrer</Button>
<Button variant="ghost" size="sm">Annuler</Button>
<Button variant="danger" onClick={remove}>Supprimer</Button>
<Button loading loadingLabel="Enregistrement…">Enregistrer</Button>

Documentation

primary
danger
loading
disabled

variant, size, type, disabled, loading, loadingLabel, fullWidth, onClick

<Button onClick={save}>Enregistrer</Button>
<Button variant="ghost" size="sm">Annuler</Button>
<Button variant="danger" onClick={remove}>Supprimer</Button>
<Button loading loadingLabel="Enregistrement…">Enregistrer</Button>