Boutons

Diagonal swipe button

Un bouton décrit tenant une fine lame inclinée qui se redresse et s’élargit jusqu’à inonder le cadre en survol.

Utiliser Diagonal swipe button

Un bouton décrit tenant une fine lame inclinée qui se redresse et s’élargit jusqu’à inonder le cadre en survol.

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, tilt, borderWidth, durationMs

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

2538Diagonal blob flood buttonBoutonsUn bouton décrit inondé par une grande goutte arrondie qui glisse en diagonale depuis son coin supérieur et s'assombrit lorsqu'il est maintenu enfoncé.

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.

2141Diagonal shutter fill buttonBoutonsUn bouton décrit qui se remplit lorsque deux pales inclinées pivotent depuis des côtés opposés, se redressent à mi-vol et se rejoignent au milieu.

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.

2595Detached Ring PillBoutonsUne pilule sombre en orbite autour d'un anneau de contour flottant qui pousse plus loin et inonde la pilule de couleur en survol.

2588Draining fill buttonBoutonsUne pilule aux contours qui commence entièrement inondée de couleur et s'écoule jusqu'à une fine bande au pied en survol, puis se remplit par le bas en congé.