Boutons

Hairline utility button

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

Utiliser Hairline utility button

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, lift, shadow

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

2699Inset sheen buttonBoutonsUn 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.

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.

2645Double bevel buttonBoutonsUn bouton pâle qui se lit comme une clé moulée grâce à deux ombres intérieures opposées, une sombre d'en haut et une brillante d'en bas, se rejoignant derrière une rampe grise et froide.

2609Hairline lift pillBoutonsUne pilule translucide silencieuse avec un bord intérieur qui se soulève de la surface et prend une teinte accentuée en survol.

2647Hairline trace submitBoutonsUn bouton de soumission sombre dont la ligne d'un pixel s'allume, traçant le périmètre à partir du bord entré par le pointeur, puis recule de la même manière.

2632Nudging chevron buttonBoutonsUn bouton discret teinté d'accent dont la marque en chevron attend dans un espace négatif, puis se glisse en survol et pousse l'étiquette sur le côté pendant que la palette se refroidit jusqu'aux neutres.