Field
Enveloppe de champ : label, aide, erreur
Exemples
Champ avec aide
Visible par votre interlocuteur
<twig:ui:Field id="name" label="Nom de la mission" help="Visible par votre interlocuteur" required>
<twig:ui:Input id="name" describedBy="name-help" required />
</twig:ui:Field>Champ invalide
Adresse invalide
<twig:ui:Field id="email" label="Adresse e-mail" error="Adresse invalide">
<twig:ui:Input id="email" type="email" invalid describedBy="email-error" />
</twig:ui:Field>Props
| Prop | Défaut | Rôle |
|---|---|---|
id | requis | Identifiant du contrôle, relie le label |
label | null | Libelle |
help | null | Aide, rendue avec l'id `<id>-help` |
error | null | Erreur, rendue avec l'id `<id>-error` |
required | false | Marque le champ obligatoire |
Accessibilité
Les comportements clavier et les contraintes d’accessibilité propres à cette recette ne sont pas encore documentés. Vérifiez son HTML et ses interactions avant utilisation dans un parcours critique.