Boutons

Hard edge key button

Une touche matérielle compacte qui retourne sa surbrillance, son contour et son ombre vers l'intérieur dès que vous appuyez dessus.

Utiliser Hard edge key button

Une touche matérielle compacte qui retourne sa surbrillance, son contour et son ombre vers l'intérieur dès que vous appuyez dessus.

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

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

1878Radial sheen buttonBoutonsUn petit bouton en forme de clé éclairé depuis son coin supérieur droit, avec un bord de base capillaire qui s'inverse lorsqu'on appuie dessus.

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

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.

2371Inset Edge PillBoutonsUne pilule pâle avec un anneau fin tout autour et une lèvre plus épaisse en bas seulement, elle se lit donc comme une clé physique qui inonde de couleurs en survol.

2541Live keycapBoutonsUne touche d'aspect physique qui s'appuie lorsqu'on clique dessus et reflète la touche correspondante sur le vrai clavier du lecteur.

2483Panning gradient buttonBoutonsUne clé en forme de dôme dont le dégradé diagonal surdimensionné traverse le visage au survol, balayant une bande plus claire d'un coin à l'autre.