Champs de saisie

Sliding highlight toggle group

Une rangée de boutons d'icônes avec un panneau de surbrillance qui glisse sous celui actif ou s'efface indépendamment derrière chaque actif en mode multi-sélection.

Active: Star

Utiliser Sliding highlight toggle group

Une rangée de boutons d'icônes avec un panneau de surbrillance qui glisse sous celui actif ou s'efface indépendamment derrière chaque actif en mode multi-sélection.

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: mode, iconCount, defaultActive, 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

2031Segment Spring LabChamps de saisieUne commande segmentée à sélection unique pour régler la rigidité ou le relâchement du ressort lorsque sa surbrillance glisse entre les segments.

2045Sliding segment toggleChamps de saisieUn contrôle segmenté à sélection unique dans lequel une pilule de surbrillance glisse sous l'étiquette active chaque fois qu'un segment différent est choisi.

2002Multi select toggle rowChamps de saisieUne rangée de boutons à bascule indépendants, comme les options de formatage du texte, sur lesquels n'importe quel chiffre peut rester enfoncé en même temps.

2050Spring dot radio groupChamps de saisieUn groupe radio dont le point sélectionné apparaît avec un léger dépassement tandis que le point précédent se rétrécit, se croisant au lieu de se casser.

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.

2108Appointment Range CardChamps de saisieUne carte qui associe une grille de date sur un mois avec un champ d'heure de début et d'heure de fin en dessous, pour choisir un jour plus une fenêtre horaire dans un bloc compact.