Boutons

Segmented Toggle Row

Une rangée de boutons d'icônes fusionnés en une seule barre où exactement un segment reste enfoncé, comme un sélecteur d'alignement.

Quarterly revenue climbed eleven percent as the growth team shipped three pricing experiments back to back.

Utiliser Segmented Toggle Row

Une rangée de boutons d'icônes fusionnés en une seule barre où exactement un segment reste enfoncé, comme un sélecteur d'alignement.

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

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

2175Joined Button GroupBoutonsUne rangée de boutons fusionnés bord à bord en un seul contrôle segmenté, avec des coutures partagées qui s'éclairent entre les deux boutons survolés ou enfoncés.

1639Joined action barBoutonsUne rangée de boutons soudés en une seule barre avec des coutures fines repliées, arrondies uniquement aux extrémités extérieures, et un segment carré final qui ouvre un menu de débordement.

2466Add Then Confirm ChipBoutonsUne puce sombre avec une étiquette chaude dont le plus oscille d'un côté à l'autre au survol, puis se transforme en coche et signale l'élément ajouté.

2707Amber upload pillBoutonsUne pilule de téléchargement en dégradé chaud avec un bord brillant qui élargit sa dominante colorée et éclaire l'étiquette par derrière en survol.

2625Anaglyph wobble buttonBoutonsUn bouton qui se bloque dans un lent balancement 3D et, lorsqu'il est survolé ou focalisé, jette des doublons chauds et froids de lui-même hors du registre avec une oscillation excessive.

2518Annotated anatomy buttonBoutonsUn bouton qui s'explique tout seul : le survol fait apparaître des marques de mesure et des lignes de repère nommant son remplissage, son remplissage, son rayon de coin et son emplacement d'icône.