Boutons

Joined Button Group

Une 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.

Utiliser Joined Button Group

Une 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.

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: orientation, buttonCount, 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 versions et les commandes d’installation sont disponibles dans le panneau ci-dessus.

Connectez votre agent

Composants proches

2225Segmented Toggle RowBoutonsUne 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.

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.

2641Border brighten buttonBoutonsUn bouton sombre dont le cadre de deux pixels est la seule partie mobile : il devient blanc au survol et s'effondre en un anneau intérieur étroit lorsque le bouton est maintenu enfoncé.

2645Double bevel buttonBoutonsUn bouton pâle qui se lit comme une clé moulée grâce à deux ombres intérieures opposées, une sombre d'en haut et une brillante d'en bas, se rejoignant derrière une rampe grise et froide.

2534Elevated chip buttonBoutonsUn éclat arrondi pâle reposant sur des ombres douces empilées qui se teinte vers l'accent au survol et s'enfonce sur une ombre plus profonde avec un contour d'accent lorsqu'on appuie dessus.

1710Icon label toolbarBoutonsUne barre d'outils compacte composée de boutons d'icônes silencieux, chacun dessiné dans sa propre teinte, avec un bouton de retour dont l'étiquette se déploie hors de l'icône au survol.