Champs de saisie
Addon Input Group
Un champ de texte enveloppé dans une coque bordée qui peut porter une icône de début, un bouton ou un texte de fin, et partage un anneau de mise au point dans l'ensemble du groupe.
Utiliser Addon Input Group
Un champ de texte enveloppé dans une coque bordée qui peut porter une icône de début, un bouton ou un texte de fin, et partage un anneau de mise au point dans l'ensemble du groupe.
Utilisez ce groupe lorsque le champ de texte et son action forment un ensemble, par exemple pour rechercher dans un catalogue.
Placez l’icône de recherche avant le champ et reliez le bouton final à votre fonction de recherche. Le contour de focus commun garde le groupe visuellement uni pendant la saisie.
Le composant fournit le champ et sa présentation. Votre application doit fournir un libellé accessible, effectuer la recherche et valider la valeur envoyée.
Propriétés: placeholder, trailingLabel, accentColor, showLeadingIcon
Quels frameworks sont disponibles ?
Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.
Comment accéder à l’implémentation ?
Le code, les versions et les commandes d’installation sont disponibles dans le panneau ci-dessus.
