Input
La saisie d'une ligne de texte.
left et right accueillent ce qui accompagne la valeur — une unité, une icône de recherche, un bouton de réinitialisation — à l'intérieur du cadre. Posés à côté, ils s'en désalignent dès que la taille change.
Installation
bash
sia-ui add inputOu par le paquet, sans rien copier :
tsx
import { Input } from "@sia-ui/react-web";Props
| Prop | Type | Défaut | Description |
|---|---|---|---|
inputSize | "sm" | "md" | "lg" | md | |
invalid | boolean | — | |
left | ReactNode | — | |
loading | boolean | false | |
loadingLabel | string | — | |
radius | "none" | "full" | "default" | "sm" | "lg" | default | |
right | ReactNode | — | |
spinnerProps | Omit<SpinnerProps, "label"> | — | |
tone | ComponentTone | neutral | |
variant | "solid" | "outline" | "ghost" | "underline" | outline |
Voir aussi
- Le composant dans le catalogue — états, variantes, et bac à sable.
- La référence complète — tous les composants.