Boutons

Swelling pill add button

Une pilule à fort accent avec une marque plus à respiration lente qui gonfle d'environ un dixième de plus lors d'une longue aisance lente et s'enfonce dans une ombre intérieure lorsqu'elle est tenue.

Utiliser Swelling pill add button

Une pilule à fort accent avec une marque plus à respiration lente qui gonfle d'environ un dixième de plus lors d'une longue aisance lente et s'enfonce dans une ombre intérieure lorsqu'elle est tenue.

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, growth, easeMs, pulse

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

Bevel press pill

2708Bevel press pillBoutonsUne pilule sombre biseautée avec une puce ronde en retrait à son extrémité qui s'enfonce dans la surface lorsqu'on la presse.

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.

Grounded download pill

2608Grounded download pillBoutonsUn bouton de téléchargement entièrement arrondi avec une ombre teintée d’accent qui se resserre lorsque vous appuyez dessus tandis que sa flèche plonge et revient en arrière.

Inset Edge Pill

2371Inset Edge PillBoutonsUne pilule pâle avec un anneau fin tout autour et une lèvre plus épaisse en bas seulement, elle se lit donc comme une clé physique qui inonde de couleurs en survol.

Ring halo pill button

2521Ring halo pill buttonBoutonsUn bouton de pilule qui maintient un espace clair autour de son noyau coloré, remplit cet espace avec un anneau d'accent allégé lors du survol ou de la mise au point du clavier, et se serre vers l'intérieur lorsqu'il est enfoncé.