Monstera

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

Sur cette page