Field
Field est une fabrique typée autour des contrôles de formulaire SIA UI. Il remplace FormField et réutilise les composants autonomes au lieu de reproduire leur logique.
tsx
<Field type="email" label="Adresse e-mail" helpText="Utilisée pour les notifications." required />
<Field type="switch" label="Compte actif" warning="Validation requise." />Contrôles supportés
Input,CurrencyInputetTextarea;Select,TreeSelectet les sélecteurs de date/heure;Checkbox,SwitchetRadioGroup;- tout contrôle acceptant
idet les attributsaria-*standards.
États
| Prop | Usage |
|---|---|
helpText | Aide persistante sous le contrôle |
status | default, error, success ou warning |
message | Message associé au statut |
error | Raccourci du statut erreur |
warning | Raccourci du statut avertissement |
success | Raccourci du statut succès |
required | Ajoute l'indicateur et aria-required |
optional | Affiche le libellé optionnel |
orientation | Mise en page verticale ou horizontale |
helpText reste affiché avec le message d'état. Leurs identifiants sont ajoutés à aria-describedby pour conserver tout le contexte auprès des lecteurs d'écran.
Migration
tsx
// Avant
<FormField label="Nom" description="Nom affiché" error={error}><Input /></FormField>
// Maintenant
<Field label="Nom" helpText="Nom affiché" error={error}><Input /></Field>Le mode children reste disponible pour un contrôle personnalisé. L'entrée form-field reste temporairement disponible comme alias déprécié.