Boutons

Glide swap button

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

Utiliser Glide swap button

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: label, accent, glyph, width, ledge

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 portages, l’installation et le panneau de propriétés sont inclus dans Fieldbook Pro. L’aperçu interactif est ouvert à tous.

Connectez votre agent

Composants proches

2523Label swap slide buttonBoutonsUne pilule bordée qui échange tout son contenu en survol : la rangée de repos glisse vers le haut et vers l'extérieur tandis qu'une deuxième rangée avec sa propre icône et sa propre couleur glisse par le bas.

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.

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

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.

2572Snap back icon buttonBoutonsUn 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é.

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