FloatingLabel
Champ avec libellé flottant, sans JavaScript
Exemples
Aperçu
<twig:ui:FloatingLabel id="s-floating" label="Adresse e-mail" type="email" />Props
| Prop | Défaut | Rôle |
|---|---|---|
id | requis | Identifiant, relie le label |
name | null | Nom du champ (défaut : `id`) |
label | requis | Libelle |
type | text | Type HTML |
value | null | Valeur initiale |
required | false | Champ obligatoire |
describedBy | null | `aria-describedby` |
invalid | false | `aria-invalid` |
disabled | false | Desactive le champ |
Accessibilité
- Le label reste relie par for. Le libellé flottant est un effet visuel, pas un substitut : le nom accessible vient toujours du label.