Boutons

Edge light pill

Une pilule brillante éclairée par une barre floue le long de son bord supérieur et une fleur sous son pied qui gonfle et s'éclaircit au survol.

Utiliser Edge light pill

Une pilule brillante éclairée par une barre floue le long de son bord supérieur et une fleur sous son pied qui gonfle et s'éclaircit au survol.

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, glow, radius, paddingX, topLight

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

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.

2546Soft bloom fill buttonBoutonsUne pilule capillaire éclairée de l’intérieur par un point flou qui gonfle lentement d’un coin jusqu’à remplir tout le visage.

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.

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.

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.

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é.