Boutons

Round lift action button

Un bouton d'action circulaire avec une flèche triangulaire pleine qui gonfle et se soulève en survol, s'assombrit lorsqu'il est maintenu enfoncé et tourne sa flèche vers l'une des quatre directions.

Utiliser Round lift action button

Un bouton d'action circulaire avec une flèche triangulaire pleine qui gonfle et se soulève en survol, s'assombrit lorsqu'il est maintenu enfoncé et tourne sa flèche vers l'une des quatre directions.

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, diameter, direction, growth, shadow

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

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.

Bouncing dot action button

2658Bouncing dot action buttonBoutonsUn bouton aux tons sombres avec un petit point garé près de son bord droit qui saute tandis que le bloc s'éclaircit et projette une douce lueur lors du survol ou de la mise au point du clavier.

Disc to Pill CTA

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.

Expanding chip back button

2350Expanding chip back buttonBoutonsUn bouton de pilule pâle dont la puce d'accent s'étend sur toute la largeur en survol, portant sa flèche vers l'autre côté tandis que l'étiquette reste en place et est recouverte.