OtpInput
Un code à usage unique, chiffre par chiffre.
Le collage d'un code entier remplit toutes les cases d'un coup : c'est ainsi qu'on le récupère d'un SMS, et le forcer à être retapé serait une punition pour rien.
Installation
bash
sia-ui add otp-inputOu par le paquet, sans rien copier :
tsx
import { OtpInput } from "@sia-ui/react-web";Props
| Prop | Type | Défaut | Description |
|---|---|---|---|
aria-describedby | string | — | |
aria-invalid | boolean | — | |
aria-labelledby | string | — | |
aria-required | boolean | — | |
className | string | — | |
defaultValue | string | — | |
disabled | boolean | — | |
id | string | — | |
inputMode | "text" | "numeric" | numeric | |
length | number | 6 | |
mask | boolean | — | |
onValueChange | (value: string) => void | — | |
value | string | — |
Voir aussi
- Le composant dans le catalogue — états, variantes, et bac à sable.
- La référence complète — tous les composants.