Boutons

Uppercase action button

Un bouton d'action rempli compact avec une étiquette suivie en majuscules, des coins carrés et des états de survol et d'appui silencieux uniquement pour les barres d'outils et les en-têtes de panneaux.

Utiliser Uppercase action button

Un bouton d'action rempli compact avec une étiquette suivie en majuscules, des coins carrés et des états de survol et d'appui silencieux uniquement pour les barres d'outils et les en-têtes de panneaux.

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, tracking, uppercase, disabled

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

Lifting share chip

2480Lifting share chipBoutonsUne petite puce solide avec un glyphe et une courte étiquette en majuscules qui soulève quelques pixels et s'adoucit au survol, se met en place lorsqu'on appuie dessus et peut faire basculer un glyphe rempli.

Sinking lip button

2617Sinking lip buttonBoutonsUn gros capuchon arrondi sur une bande à lèvres plus foncée qui s'effondre lorsqu'on le presse pour que le capuchon s'enfonce dans sa base, puis ressort lorsqu'il est relâché.

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.

Border brighten button

2641Border brighten buttonBoutonsUn bouton sombre dont le cadre de deux pixels est la seule partie mobile : il devient blanc au survol et s'effondre en un anneau intérieur étroit lorsque le bouton est maintenu enfoncé.

Border trace button

2709Border trace buttonBoutonsUn bouton translucide silencieux dont les quatre bords se dessinent en séquence au survol tandis qu'une douce bande de lumière traverse le visage.

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.