Boutons

Snap back icon button

Un bouton de glyphe nu qui s'agrandit doucement sous le pointeur et revient à sa taille de repos dès l'instant où il est enfoncé.

Attach

Send update

Hover to grow, press to snap back

Utiliser Snap back icon button

Un bouton de glyphe nu qui s'agrandit doucement sous le pointeur et revient à sa taille de repos dès l'instant où il est enfoncé.

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, size, hoverScale, strokeWidth

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

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

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.

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

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.

1654Spring press buttonBoutonsUn bouton simple qui pousse un peu sous le pointeur et plonge lorsqu'il est maintenu, tous deux sur un ressort court, les deux échelles et la rigidité du ressort étant exposées comme des boutons.

2693Tilt pop buttonBoutonsUn petit bouton solide qui s'agrandit et s'incline de quelques degrés d'un côté en survol, puis s'aplatit dans la surface lorsqu'on appuie dessus.