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.
Utilisation
import { FormHelper } from "@monstera/ui"Nous ne partageons jamais cette adresse.
Adresse vérifiée.
Cette adresse est incomplète.
Tons
Gris pour l'aide, vert pour une confirmation, rouge pour l'erreur. Le ton n'est qu'une couleur, sans icône : le texte doit rester compréhensible sans elle.
Un code postal compte 5 chiffres.
Relié à un champ
Le composant n'est qu'un paragraphe : ce sont id et aria-describedby qui l'attachent au champ, et role=alert qui fait annoncer le message dès qu'il apparaît. Field et BigField posent ce câblage pour vous.
API
Prop
Type
Field
Le composite qui fait un champ complet : un libellé, l'input qu'on lui passe en enfant, un texte d'aide. C'est lui qui relie les trois et propage l'erreur.
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.