Boutons

Key travel button

Une clé arrondie posée sur une base haute qui se raccourcit en survol et disparaît sous la pression, plaçant la clé à plat.

Utiliser Key travel button

Une clé arrondie posée sur une base haute qui se raccourcit en survol et disparaît sous la pression, plaçant la clé à plat.

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, travel, tracking

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 portages, l’installation et le panneau de propriétés sont inclus dans Fieldbook Pro. L’aperçu interactif est ouvert à tous.

Connectez votre agent

Composants proches

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

2717Keycap press buttonBoutonsUn capuchon de touche pâle avec une épaisseur réelle, construit à partir d'ombres dures empilées, qui descend et perd de la hauteur lorsqu'on appuie dessus.

2690Pressed ledge buttonBoutonsUn bouton solide reposant sur un bord inférieur épais et plus foncé qui s'effondre lorsqu'on appuie dessus, de sorte que le capuchon tombe à plat comme une vraie clé.

2566Growing ledge buttonBoutonsUn bouton d'accent solide reposant sur un rebord inférieur plus sombre qui s'épaissit et se soulève en survol, puis s'amincit et s'enfonce sous une presse.

2561Ivory keycap buttonBoutonsUn capuchon de touche pâle surélevé sur un rebord assorti ; le vol stationnaire épaissit son bord encastré et la pression le place au ras de la surface.

2630Keycap lift buttonBoutonsUn bouton à clé mécanique qui se soulève en survol, conserve une lèvre inférieure solide et échange toute sa pile d'ombres vers l'intérieur lorsqu'il est enfoncé.