Boutons

Diagonal wedge button

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

Utiliser Diagonal wedge button

Un bouton carré rempli d'un coin triangulaire qui s'étend le long de la diagonale jusqu'à couvrir tout le 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: label, accent, duration, rim, padX

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

2626Diagonal orb fill buttonBoutonsUn cercle surdimensionné glisse d'un coin à l'autre sur un bouton décrit, le remplissant sur la diagonale et s'assombrit dès que vous appuyez sur.

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.

1837Sweep invert buttonBoutonsUn bouton bleu marine profond dont le remplissage brillant s'étend du bord droit et fait passer l'étiquette au ton sombre d'une simple pression.

2694Word tumble buttonBoutonsLe survol fait rouler l'étiquette majuscule sur elle-même à l'intérieur d'une fente découpée tandis qu'un remplissage d'accent diagonal balaie le panneau derrière elle et qu'un mélange différent inverse la couleur du mot.

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.

2684Converging chevron buttonBoutonsDeux 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.