Boutons

Skewed wipe swap button

Un bouton qui change son étiquette en survol ou en mise au point tandis qu'un panneau d'accent cisaillé s'efface sur son visage.

Hover either button, or Tab to it, to run the wipe.

Utiliser Skewed wipe swap button

Un bouton qui change son étiquette en survol ou en mise au point tandis qu'un panneau d'accent cisaillé s'efface sur son visage.

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: restLabel, hoverLabel, accent, skew, speed

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

2531Skewed wipe reveal buttonBoutonsUne pilule cachée sous un panneau sombre incliné ; le survol fait glisser le panneau du bord droit pour découvrir le remplissage clair tandis que l'étiquette devient sombre.

2618Skewed blade invertBoutonsUn bouton arrondi et sombre qui s'inverse comme une lame d'accent inclinée s'ouvre vers l'extérieur depuis son centre lors du survol ou de la mise au point du clavier.

1887Skewed wipe buttonBoutonsUn bouton masqué par un panneau sombre incliné qui glisse vers la droite au survol, révélant la couleur en dessous.

2683Arrow wipe buttonBoutonsUn bouton de pilule dont la plaque d'accent, découpée en pointe de flèche, balaye depuis la gauche en survol et inverse l'étiquette lettre par lettre lorsque sa pointe se croise.

1629Arrow wipe call to actionBoutonsUn appel à l'action dont la plaque plus sombre s'efface depuis la gauche lors du survol tandis qu'une flèche repliée glisse vers l'extérieur pour rencontrer l'étiquette et abaisse un pixel lorsque vous cliquez dessus.

1848Center out fill buttonBoutonsUn bouton en majuscule avec un contour dont le remplissage d'accent s'ouvre à partir d'une racine des cheveux au centre jusqu'aux deux bords lors du survol ou de la mise au point.