Input

BetaRSC-safe

L2 — '<'input'>' natif + label + description + erreur. aria-describedby chaîné (description + erreur), aria-invalid, required. RSC-safe (non contrôlé côté Lyra).

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

Playground

Courriel

Montant

En dollars canadiens

Mot de passe

Requis (8 caractères min.)

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

<Input label="Courriel" type="email" />
<Input label="Montant" description="En dollars canadiens" />
<Input label="Mot de passe" type="password" error="Requis (8 caractères min.)" />

Documentation

avec description
Montant
En dollars canadiens
avec erreur
Mot de passe
Requis (8 caractères min.)

label, description, error, required, ...inputProps

<Input label="Courriel" type="email" />
<Input label="Montant" description="En dollars canadiens" />
<Input label="Mot de passe" type="password" error="Requis (8 caractères min.)" />