Textarea
La saisie de texte sur plusieurs lignes. Même contrat que Textfield : champ contrôlé, sans libellé ni aide, que Field vient poser autour.
Utilisation
import { Textarea } from "@monstera/ui"Décrivez votre demande en quelques lignes.
Par défaut
Le champ occupe toute la largeur qu'on lui donne et démarre à 64 px de haut. Il est contrôlé : sa valeur remonte par onValueChange.
La poignée en bas à droite agrandit le champ.
Hauteur de départ
rows règle la hauteur initiale, l'attribut natif traverse le composant. La poignée en bas à droite agrandit ensuite le champ verticalement, jamais en largeur, et jamais sous les 64 px.
Décrivez votre demande en 20 caractères au moins.
Erreur
Field clone le champ pour lui poser errored : le cadre et le fond passent en rouge, aria-invalid est ajouté. Le message remplace l'aide neutre au lieu de s'y ajouter.
Il a été envoyé le 12 mars, il n'est plus modifiable.
Désactivé
Le champ désactivé prend un fond grisé, son texte pâlit et le curseur redevient une flèche. Le libellé et le texte d'aide, eux, gardent leur couleur. Sur grand écran, c'est une info-bulle au survol qui dit pourquoi le champ est fermé.
API
Prop
Type
Switch
L'interrupteur d'un réglage qui prend effet tout de suite. Switch pose le libellé à gauche et le toggle à droite, SwitchItem donne le toggle seul.
Textfield
La saisie de texte sur une ligne. Le libellé, le champ et le texte d'aide sont assemblés par Field, qui relie les trois et propage l'erreur au champ.