Boutons

Magnetic button

Un bouton qui dérive vers le pointeur lorsqu'il se trouve à l'intérieur d'un rayon défini et revient se reposer lorsqu'il part, l'étiquette et la flèche se déplaçant un peu plus loin que le corps.

Utiliser Magnetic button

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: strength, radius, label

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 portages, l’installation et le panneau de propriétés sont inclus dans Fieldbook Pro. L’aperçu interactif est ouvert à tous.

Connectez votre agent

Composants proches

2730Spotlight fill buttonBoutonsUn bouton de pilule dans un accent saturé qui atténue son remplissage sous un voile sombre en survol tandis qu'un doux projecteur ovale suit le pointeur.

2068Tilted perspective buttonBoutonsUn call-to-action arrondi qui se trouve dans une perspective 3D permanente et bascule vers le pointeur lorsqu'il traverse la plaque.

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.

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.

2510Dodging eyes buttonBoutonsUne capsule sombre avec deux yeux de dessin animé clignotants qui sautent vers le coin le plus éloigné de votre pointeur pendant que ses pupilles continuent de vous observer.