InputGroup
Champ avec prefixe ou suffixe, sans perdre l'input natif
Exemples
Aperçu
https://
.dev
<twig:ui:Field id="s-group" label="Adresse du site">
<twig:ui:InputGroup id="s-group" prefix="https://" suffix=".dev" placeholder="domaine" />
</twig:ui:Field>Props
| Prop | Défaut | Rôle |
|---|---|---|
id | requis | Identifiant, relie le label |
name | null | Nom du champ (défaut : `id`) |
type | text | Type HTML |
prefix | null | Texte avant le champ |
suffix | null | Texte apres le champ |
placeholder | null | Texte d'aide |
value | null | Valeur initiale |
describedBy | null | `aria-describedby` |
invalid | false | `aria-invalid` et bordure d'erreur |
disabled | false | Desactive le champ |
required | false | 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.