Boutons

Lift and settle button

Un bouton solide qui flotte vers le haut et prend la couleur d'accent lors du survol, puis passe au-delà de sa ligne de repos dans une ombre réduite lorsqu'il est enfoncé.

Utiliser Lift and settle button

Un bouton solide qui flotte vers le haut et prend la couleur d'accent lors du survol, puis passe au-delà de sa ligne de repos dans une ombre réduite lorsqu'il est enfoncé.

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

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.

2534Elevated chip buttonBoutonsUn éclat arrondi pâle reposant sur des ombres douces empilées qui se teinte vers l'accent au survol et s'enfonce sur une ombre plus profonde avec un contour d'accent lorsqu'on appuie dessus.

2660Elevation ladder fill buttonBoutonsUne capsule qui gravit trois marches d'élévation entre le repos, le survol et la presse tandis qu'un lavis d'accent aux bords doux traverse son visage.

2776Press down sweep buttonBoutonsUn bouton solide dont le remplissage s'éclaire plus clairement d'un côté en survol et tombe à plat contre la page pendant qu'il est maintenu.

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.

1857Floating download pillBoutonsUne pilule entièrement arrondie qui semble flotter au-dessus de la page et se rapprocher de celle-ci lorsque vous survolez et appuyez.