Boutons

Share tile row

Une courte rangée de tuiles carrées qui s'agrandissent et inondent chacune de leur propre couleur, retournant le glyphe au ton de la plaque, lorsqu'elles sont engagées.

Utiliser Share tile row

Une courte rangée de tuiles carrées qui s'agrandissent et inondent chacune de leur propre couleur, retournant le glyphe au ton de la plaque, lorsqu'elles sont engagées.

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, uniform, size, gap, scale

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

1851Drifting Gradient ButtonBoutonsUn bouton dont le remplissage bicolore en diagonale est surdimensionné et ne cesse de glisser, courant plus vite au survol et écrasant au clic.

2576Growing back arrowBoutonsUne commande arrière nue avec une flèche gauche qui grandit et étire son arbre en vol stationnaire, puis s'enclenche pour se reposer lorsqu'on appuie dessus.

2770Invert and grow buttonBoutonsUn bloc bordé qui échange ses couleurs d'encre et de papier et grandit à partir de son centre lorsqu'il est survolé, puis s'aplatit sous la presse.

2528Invert on hover pillBoutonsUne pilule remplie qui échange les couleurs de remplissage et d'étiquette et gonfle légèrement au survol ou au clavier, se pressant en dessous de sa taille de repos lorsqu'elle est pressée.

2554Rising tooltip icon buttonBoutonsUn bouton icône sans chrome dont le glyphe gonfle et devient de couleur d'avertissement au survol tandis qu'une petite puce d'étiquette s'élève au-dessus après un court délai.

1742Rotating face plateBoutonsUn bouton dont la plaque sombre étiquetée tourne un coin et grandit lorsqu'elle est activée, exposant la dalle d'accent située en dessous sous la forme de quatre triangles, puis rétrécit et échange les couleurs avec elle lorsqu'elle est enfoncée.