Boutons

Dot matrix arrow button

Un bouton dessiné sous forme de rangées de points s'insère dans une pointe de flèche vers la droite qui glisse latéralement et vers l'arrière dans une boucle lente lorsqu'il est survolé ou focalisé et se compresse vers sa pointe lorsqu'il est enfoncé.

Utiliser Dot matrix arrow button

Un bouton dessiné sous forme de rangées de points s'insère dans une pointe de flèche vers la droite qui glisse latéralement et vers l'arrière dans une boucle lente lorsqu'il est survolé ou focalisé et se compresse vers sa pointe lorsqu'il est enfoncé.

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: dotSize, gap, accent, travel, loopSeconds

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

Download tray pulse button

2339Download tray pulse buttonBoutonsUne pilule à action arrondie avec une petite marque de plateau sur son bord d'attaque, où une pointe de flèche tombe à travers le plateau sur une boucle pendant que le pointeur repose dessus.

Growing back arrow

2576Growing back arrowBoutonsUne commande arrière nue avec une flèche gauche qui grandit et étire son arbre en vol stationnaire, puis s'enclenche pour se reposer lorsqu'on appuie dessus.

Arrow chip button

2640Arrow chip buttonBoutonsUn bouton d'action arrondi avec une flèche lumineuse ancrée à son extrémité droite qui se soulève de la page au survol avec une ombre décalée dure et coule à la pression.

Arrow relay badge pill

2601Arrow relay badge pillBoutonsUn bouton de pilule avec un badge rond à gauche dont la flèche sort par le coin supérieur en survol tandis qu'un nouveau arrive par le bas et le corps devient presque noir.

Arrow wipe button

2683Arrow wipe buttonBoutonsUn bouton de pilule dont la plaque d'accent, découpée en pointe de flèche, balaye depuis la gauche en survol et inverse l'étiquette lettre par lettre lorsque sa pointe se croise.

Arrow wipe call to action

1629Arrow wipe call to actionBoutonsUn appel à l'action dont la plaque plus sombre s'efface depuis la gauche lors du survol tandis qu'une flèche repliée glisse vers l'extérieur pour rencontrer l'étiquette et abaisse un pixel lorsque vous cliquez dessus.