Boutons

Converging chevron button

Deux plaques en forme de flèche arrivent des côtés opposés et se rejoignent au milieu du bouton, le scellant derrière l'étiquette.

Utiliser Converging chevron button

Deux plaques en forme de flèche arrivent des côtés opposés et se rejoignent au milieu du bouton, le scellant derrière l'étiquette.

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, point, duration, radius

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

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.

2676Diagonal wedge buttonBoutonsUn bouton carré rempli d'un coin triangulaire qui s'étend le long de la diagonale jusqu'à couvrir tout le visage.

2597Edge wipe invertBoutonsUn bouton avec contour dont le remplissage uni s'efface à partir d'un bord et inverse l'étiquette lorsqu'elle passe en dessous.

2678Interlocking comb buttonBoutonsDeux peignes de barres verticales glissent depuis le haut et le bas et s'entremêlent pour remplir le bouton, inversant l'étiquette au fur et à mesure de leur passage.

2174Italic outline fill buttonBoutonsUn bouton au contour discret, en italique, qui s'inverse en un accent solide dès qu'un pointeur ou un clavier l'atteint.

2378Left Edge Fill ButtonBoutonsUne dalle arrondie et douce où un panneau coloré pousse à partir du bord gauche pour remplir toute la forme au survol, retournant l'étiquette au fur et à mesure de son passage.