Boutons

Light sweep effect

Une bande de lumière diagonale qui traverse un bouton une fois, déclenchée par un survol, une pression ou une minuterie répétitive.

Utiliser Light sweep effect

Une bande de lumière diagonale qui traverse un bouton une fois, déclenchée par un survol, une pression ou une minuterie répétitive.

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: trigger, duration, angle, accent

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

1869Light sweep buttonBoutonsUn bouton de contour éclairé dont le bord brillant envoie une étroite bande de lumière le balayant en survol.

2314Charge Up Action ButtonBoutonsUne pilule de charbon de bois qui s'éclaire en un dégradé saturé en survol, se soulevant de la surface tandis que sa marque tourne et s'éclaircit.

2711Count Sweep CTABoutonsUn appel à l'action sombre et compact avec une marque principale, un séparateur et un décompte en direct, traversé par une lente traînée lumineuse diagonale en survol.

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.

2622Disc to Pill CTABoutonsUn petit disque rempli à côté d'une étiquette majuscule nue s'étire en une pilule pleine en survol ou en mise au point, révélant le texte et entraînant la flèche.

2763Draining fill buttonBoutonsUn bouton inondé qui s'écoule d'un bord lors du survol, laissant un contour creux avec l'étiquette retournée vers l'accent.