Boutons

Inset sheen button

Un bouton utilitaire pâle avec une bordure fine, une surbrillance d'un pixel le long de son bord supérieur et un état enfoncé qui retourne l'éclat vers l'intérieur.

Utiliser Inset sheen button

Un bouton utilitaire pâle avec une bordure fine, une surbrillance d'un pixel le long de son bord supérieur et un état enfoncé qui retourne l'éclat vers l'intérieur.

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, radius, 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

Hairline utility button

2627Hairline utility buttonBoutonsUn bouton d'action neutre et silencieux qui répond au survol avec un soulèvement d'un pixel, une racine des cheveux plus foncée et une ombre douce, puis s'aplatit à nouveau lorsqu'on appuie dessus.

Pressed highlight toggle

1647Pressed highlight toggleBoutonsUn bouton d'icône à deux états qui maintient son état enfoncé visible avec un bloc de surbrillance arrondi se développant derrière le glyphe du centre vers l'extérieur.

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

Breathing Inset Button

2579Breathing Inset ButtonBoutonsUn bouton moulé pâle dont le panneau intérieur s'éloigne du bord en survol tandis que le glyphe d'envoi glisse sur une courte distance vers l'étiquette.

Carved Pill Button

1847Carved Pill ButtonBoutonsUne pilule sculptée dans une surface douce et mate en opposant les ombres intérieures, s'élevant en un coussin surélevé au moment où elle est survolée ou focalisée.

Dialog bevel button

2509Dialog bevel buttonBoutonsUn petit bouton système gris construit à partir de deux biseaux durs imbriqués et d'une marque de mise au point intérieure en pointillés, dont les lignes de biseau s'échangent lors de la pression pour qu'elles se lisent comme enfoncées.