Boutons

Icon reveal chip

Une petite puce décrite qui inonde de son accent au survol tandis que l'étiquette glisse vers la gauche et qu'un glyphe caché apparaît en fondu depuis la droite.

Utiliser Icon reveal chip

Une petite puce décrite qui inonde de son accent au survol tandis que l'étiquette glisse vers la gauche et qu'un glyphe caché apparaît en fondu depuis la droite.

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, label, glyph, duration, fontSize

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

Slide under download button

2513Slide under download buttonBoutonsUn bouton étiqueté qui fait glisser un plateau d'action lumineux hors de sa plaque en survol ou en mise au point, avec une flèche de téléchargement qui bouge à l'intérieur du plateau.

Bookmark save chip

2115Bookmark save chipBoutonsUne puce de sauvegarde compacte dont le signet passe du contour au remplissage et tire légèrement vers le bas au moment où un élément est enregistré.

Corner flood button

1678Corner flood buttonBoutonsUn bouton rectangulaire sombre avec une petite puce de couleur garée à moitié dans son coin supérieur gauche qui gonfle jusqu'à inonder tout le visage lorsque le bouton est enfoncé.

Glide swap button

2715Glide swap buttonBoutonsUn bouton de largeur fixe qui fait glisser son étiquette du bord droit tandis que le glyphe glisse vers le centre, le tout reposant sur un rebord de couleur dure sur lequel le bouton tombe lorsqu'on appuie dessus.

2610Icon tile flood buttonBoutonsUn bouton avec une vignette d'icône d'accent solide sur son bord gauche ; le survol donne cet accent sur le corps pâle et retourne l'encre de l'étiquette en blanc.

2580Overshoot icon buttonBoutonsUne pilule pâle avec un grand glyphe illustré garé à son extrémité gauche qui tire vers l'extérieur au-delà du bord et revient en vol stationnaire ou en mise au point.