Boutons

Lift and Sink Button

Un bouton monospace teinté qui flotte en survol et s'enfonce dans sa propre ombre intérieure lorsqu'on appuie dessus.

Utiliser Lift and Sink Button

Un bouton monospace teinté qui flotte en survol et s'enfonce dans sa propre ombre intérieure lorsqu'on appuie 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, travel, height

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

1831Press block buttonBoutonsUn bouton de bloc arrondi reposant sur un rebord d’ombre solide qui se raccourcit à mesure que le bouton descend sous une pression.

2533Soft inset press buttonBoutonsUne dalle presque noire posée au-dessus d'un panneau assorti sur deux ombres douces opposées s'enfonce dans la surface lorsqu'elle est maintenue et remonte lorsqu'elle est relâchée.

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

1825Deep Slab ButtonBoutonsUne grande dalle qui flotte au-dessus de la page sur une longue ombre diagonale et s'enfonce dessus lorsqu'elle est survolée, puis s'écrase à plat au clic.

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.

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