Boutons

Perimeter draw button

Une 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é.

Utiliser Perimeter draw button

Une 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é.

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: accent, label, strokeWidth, duration, wash

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

Tracing edge button

2786Tracing edge buttonBoutonsUn 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.

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.

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.

Corner bracket seal button

2644Corner bracket seal buttonBoutonsDeux supports d'angle courts poussent le long des bords jusqu'à ce qu'ils se scellent pour former un cadre complet autour de l'étiquette en survol.