Boutons

Rising arrow link button

Un bouton Lire la suite où l'étiquette glisse latéralement pour ouvrir un espace et une flèche y grimpe depuis le dessous du bord inférieur coupé.

Utiliser Rising arrow link button

Un bouton Lire la suite où l'étiquette glisse latéralement pour ouvrir un espace et une flèche y grimpe depuis le dessous du bord inférieur coupé.

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: label, accent, duration, radius, labelShift

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

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.

2513Slide under download buttonBoutonsUn bouton étiqueté qui fait glisser un plateau d'action lumineux hors de sa plaque en survol ou en mise au point, avec une flèche de téléchargement qui bouge à l'intérieur du plateau.

2704Sliding send buttonBoutonsUn bouton d'envoi plat qui glisse directement au survol tandis que l'espace entre son étiquette et sa flèche s'ouvre, recule de quelques pixels sous pression et se stabilise en partant.

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.

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.

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.