Boutons

Scroll cue pill

Une grande capsule contenant une longue et fine flèche qui dérive sur une boucle, grandit sous le pointeur et s'effondre une fois utilisée.

Click a pill once you have read this far

Utiliser Scroll cue pill

Une grande capsule contenant une longue et fine flèche qui dérive sur une boucle, grandit sous le pointeur et s'effondre une fois utilisée.

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, direction, height, driftDistance, loop

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

2506Scroll cue buttonBoutonsUne petite possibilité de défilement dont le chevron tombe à travers sa fenêtre découpée en survol ou en focus dans une boucle sans fin, et dont le clic fait glisser la zone de défilement la plus proche vers la section suivante.

2555Scroll hint buttonBoutonsUne capsule verticale étroite avec une perle qui glisse vers le bas à l'intérieur sur une boucle, légendée ci-dessous, qui fait défiler la zone de défilement la plus proche d'un écran lorsqu'elle est enfoncée.

2549Wheel hint scroll buttonBoutonsUn petit contour de souris avec une barre de roue oscillante qui fait défiler l'écran suivant en un clic et disparaît lorsqu'il ne reste plus rien à faire défiler.

2530Nudge arrow invert buttonBoutonsUne pilule majuscule sombre avec une flèche épinglée sur son bord droit ; le survol l'inverse en une surface pâle et pousse la flèche vers l'avant, et appuyer sur fait clignoter un remplissage chaud.

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.

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.