Boutons

Inset plate button

Un bouton à l'intérieur d'un bouton : une coque extérieure contient une plaque flottante plus petite qui porte l'étiquette, et une pression réduit uniquement la plaque intérieure tandis que la coque reste en place.

Utiliser Inset plate button

Un bouton à l'intérieur d'un bouton : une coque extérieure contient une plaque flottante plus petite qui porte l'étiquette, et une pression réduit uniquement la plaque intérieure tandis que la coque reste en place.

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: accent, label, inset, pressScale, radius

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

Cartridge fire button

2312Cartridge fire buttonBoutonsUn bouton fantaisie en forme de boîtier en laiton, avec un projectile caché derrière son nez qui jaillit et se recharge lorsqu'on appuie dessus.

Arcade dome button

2574Arcade dome buttonBoutonsUn bouton-poussoir rond dont le capuchon bombé flotte au-dessus d'une base plus sombre et s'installe au ras d'une goutte visible lorsqu'il est enfoncé.

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.

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

Capsule in frame button

2583Capsule in frame buttonBoutonsUn plateau extérieur bordé contenant une capsule intérieure flottante qui s'enfonce dans le cadre sur la longueur d'une presse.

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.