Boutons

Dot flood button

Une pilule avec un petit point à côté de son étiquette ; le survol agrandit le point jusqu'à ce qu'il inonde tout le bouton et que l'étiquette passe à son jumeau inversé.

Utiliser Dot flood button

Une pilule avec un petit point à côté de son étiquette ; le survol agrandit le point jusqu'à ce qu'il inonde tout le bouton et que l'étiquette passe à son jumeau inversé.

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, dotSize, floodMs, showDot

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

Diagonal blob flood button

2538Diagonal blob flood buttonBoutonsUn bouton décrit inondé par une grande goutte arrondie qui glisse en diagonale depuis son coin supérieur et s'assombrit lorsqu'il est maintenu enfoncé.

Spinning square flood button

2665Spinning square flood buttonBoutonsUn bouton souligné qui inonde de son accent alors qu'un carré arrondi en rotation glisse depuis le coin, de sorte que le remplissage arrive derrière un bord roulant ondulé.

Underline flood button

1663Underline flood buttonBoutonsUn bouton avec une bande d'accentuation sur son bord inférieur qui s'élargit puis monte en un flot complet en survol ou en mise au point, l'étiquette ne changeant de couleur qu'une fois le remplissage terminé.

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.

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.

Center out fill button

1848Center out fill buttonBoutonsUn bouton en majuscule avec un contour dont le remplissage d'accent s'ouvre à partir d'une racine des cheveux au centre jusqu'aux deux bords lors du survol ou de la mise au point.