Boutons

Scattering glyph pill

Une pilule arrondie qui gonfle au survol tandis que trois petits glyphes jaillissent de derrière l'étiquette et dégringolent dans l'espace qui l'entoure.

Utiliser Scattering glyph pill

Une pilule arrondie qui gonfle au survol tandis que trois petits glyphes jaillissent de derrière l'étiquette et dégringolent dans l'espace qui l'entoure.

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, hoverScale, spread, glow

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

Amber upload pill

2707Amber upload pillBoutonsUne pilule de téléchargement en dégradé chaud avec un bord brillant qui élargit sa dominante colorée et éclaire l'étiquette par derrière en survol.

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 to label pill

2469Arrow to label pillBoutonsUn bouton à chevron rond qui s'étend en une large pilule étiquetée en survol, échangeant la marque contre un mot tandis que le remplissage à plat devient une rampe à deux arrêts.

Breathing CTA pill

2602Breathing CTA pillBoutonsUn appel à l'action aux extrémités arrondies qui gonfle au survol et s'installe dans une lente impulsion respiratoire d'échelle et de luminosité jusqu'à ce que le pointeur s'en aille ou que le bouton soit enfoncé.

Center bloom button

2471Center bloom buttonBoutonsUne pilule solide et arrondie qui s'éclaircit du milieu vers l'extérieur alors qu'un lavis circulaire pâle dépasse ses propres bords, puis s'enfonce à plat lorsqu'on la presse.

Color relay sign-in

2603Color relay sign-inBoutonsUne pilule de connexion dont la marque à quatre segments transmet ses couleurs une à une aux flots circulaires qui balayent le bouton en relais.