FormLabel
Le libellé posé au-dessus d'un champ. Field s'en sert tout seul ; on ne l'appelle en direct que pour un assemblage qui sort du composite.
Utilisation
import { FormLabel } from "@monstera/ui"Marqueurs
Deux marqueurs facultatifs : l'astérisque du champ obligatoire (required) et l'icône d'info d'une aide contextuelle (hasTooltip). Les deux sont décoratifs et masqués aux lecteurs d'écran, l'obligation doit donc aussi être portée par le champ.
Association au champ
Hors de Field, c'est htmlFor qui relie le libellé au champ : cliquer sur le texte donne alors le focus au champ. Field pose ce lien de lui-même.
Accessibilité
La pastille et l'astérisque du caractère obligatoire sont décoratifs, cachés aux lecteurs d'écran. C'est Field qui porte l'information, par aria-required sur le champ.
API
Prop
Type
FormHelper
Le texte sous un champ : une aide, une confirmation ou une erreur. Field et BigField le posent tout seuls, on ne l'appelle en direct que hors de ces composites.
Radio
Le choix unique dans une courte liste d'options. Le kit ne fournit pas de conteneur de groupe : l'exclusivité se joue dans l'état de l'écran.