Boutons

Rising disc icon row

Une rangée de boutons d'icônes encerclés où le survol soulève un disque rempli de derrière son anneau, laissant le glyphe assombri à l'intérieur du contour vide.

Utiliser Rising disc icon row

Une rangée de boutons d'icônes encerclés où le survol soulève un disque rempli de derrière son anneau, laissant le glyphe assombri à l'intérieur du contour vide.

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: accent, count, hueSpread, size, lift

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

2611Lifting glyph rowBoutonsUne courte rangée de boutons contenant uniquement des icônes où le glyphe survolé se détache de la ligne de base tandis qu'une douce teinte circulaire s'estompe derrière lui, chaque élément étant teinté dans sa propre teinte.

Ring halo pill button

2521Ring halo pill buttonBoutonsUn bouton de pilule qui maintient un espace clair autour de son noyau coloré, remplit cet espace avec un anneau d'accent allégé lors du survol ou de la mise au point du clavier, et se serre vers l'intérieur lorsqu'il est enfoncé.

Share row lift

2559Share row liftBoutonsUne pilule de partage qui soulève une pilule correspondante d'icônes de destination hors d'elle-même en survol et la laisse tomber dès que l'attention s'en va.

2037Shrinking cap icon rowBoutonsUne rangée de boutons d'icônes ronds dont le remplissage se cache derrière un capuchon sombre qui s'effondre au survol, révélant la couleur du bord vers l'intérieur.

2657Tooltip tint icon rowBoutonsUne rangée de boutons d'icônes circulaires dont le survol soulève une bulle étiquetée au-dessus et inonde les deux dans la propre teinte de cet élément.

Breathing Inset Button

2579Breathing Inset ButtonBoutonsUn bouton moulé pâle dont le panneau intérieur s'éloigne du bord en survol tandis que le glyphe d'envoi glisse sur une courte distance vers l'étiquette.