Boutons

Tracing edge button

Un bouton solide où quatre lignes fines commencent aux coins opposés et dessinent tout le périmètre en survol, se rejoignant exactement à la fermeture du contour.

Utiliser Tracing edge button

Un bouton solide où quatre lignes fines commencent aux coins opposés et dessinent tout le périmètre en survol, se rejoignant exactement à la fermeture du contour.

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, traceMs, cornerRadius

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

Border trace button

2709Border trace buttonBoutonsUn bouton translucide silencieux dont les quatre bords se dessinent en séquence au survol tandis qu'une douce bande de lumière traverse le visage.

Hairline trace submit

2647Hairline trace submitBoutonsUn bouton de soumission sombre dont la ligne d'un pixel s'allume, traçant le périmètre à partir du bord entré par le pointeur, puis recule de la même manière.

Perimeter draw button

2484Perimeter draw buttonBoutonsUne barre courte et épaisse garée sous l'étiquette s'étire et se déplace sur les quatre côtés en survol jusqu'à ce qu'elle se ferme en un contour complet, puis se rétracte dans la barre en congé.

Center out fill button

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.

Clamp jaws glow button

2598Clamp jaws glow buttonBoutonsUn bouton au contour creux dont les graduations latérales glissent, fusionnent dans les mâchoires et se ferment sur l'étiquette avec une lueur d'accent au survol ou à la mise au point.

Corner bracket frame button

2596Corner bracket frame buttonBoutonsUne étiquette majuscule nue qui est encadrée par deux supports en forme de L coulissant depuis des côtés opposés puis s'agrandissant pour fermer le cadre.