Champs de saisie

Compact select menu

Un bouton de déclenchement qui ouvre une liste flottante de choix, avec le choix actuel affiché sur le bouton et une coche à côté dans la liste.

Framework

Runtime

Utiliser Compact select menu

Un bouton de déclenchement qui ouvre une liste flottante de choix, avec le choix actuel affiché sur le bouton et une coche à côté dans la liste.

Testez l’aperçu avec la souris et le clavier, puis vérifiez la visibilité du focus et la mise en page sur un écran étroit. Indiquez le numéro ou l’identifiant du composant à votre agent de programmation.

Propriétés: defaultValue, accent

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 portages, l’installation et le panneau de propriétés sont inclus dans Fieldbook Pro. L’aperçu interactif est ouvert à tous.

Connectez votre agent

Composants proches

2796Grouped select menuChamps de saisieUne sélection déroulante dont les options sont regroupées sous les en-têtes de section, avec des bandes de flèches de bord qui font défiler automatiquement les longues listes.

2783Styled native dropdownChamps de saisieUne sélection native relookée avec une bordure personnalisée, une bague de mise au point et un chevron tandis que le système d'exploitation continue de fournir le menu d'options et le comportement du clavier.

2772Model picker prompt boxChamps de saisieRédigez une instruction, choisissez un modèle et joignez un fichier local avec un retour explicite.

2421Searchable SelectChamps de saisieUn bouton qui ouvre une petite fenêtre contextuelle avec un champ de recherche et une liste d'options filtrables, afin que quelqu'un puisse taper pour affiner les choix au lieu de faire défiler une longue liste déroulante.

2053Springing radio groupChamps de saisieUn groupe radio où le point choisi surgit de rien avec un petit dépassement tandis que le précédent se rétrécit, et chaque anneau grandit légèrement sous le pointeur.

2297Addon Input GroupChamps de saisieUn 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.