Botões

Elevation ladder fill button

Uma cápsula que sobe três degraus de elevação entre descansar, pairar e pressionar enquanto um toque suave cruza sua face.

Como usar Elevation ladder fill button

Uma cápsula que sobe três degraus de elevação entre descansar, pairar e pressionar enquanto um toque suave cruza sua face.

Teste a prévia com o mouse e o teclado. Verifique o foco visível e o layout em telas estreitas na sua página. Informe o número ou o identificador do componente ao seu agente de programação.

Propriedades: label, accent, hoverLift, pressScale, feather, duration

Quais frameworks estão disponíveis?

O catálogo inclui estas versões: react, vue, svelte, astro, html. A prévia desta página usa React.

Como acessar a implementação?

O código, as versões e os comandos de instalação estão disponíveis no painel acima.

Conecte seu agente

Componentes relacionados

2471Center bloom buttonBotõesUma pílula sólida e arredondada que brilha do meio para fora à medida que uma camada circular pálida cresce além de suas próprias bordas e depois afunda quando pressionada.

2534Elevated chip buttonBotõesUm chip arredondado claro apoiado em sombras suaves empilhadas que tingem em direção ao acento ao passar o mouse e afunda em uma sombra mais profunda com um contorno acentuado quando pressionado.

1857Floating download pillBotõesUma pílula totalmente arredondada que parece pairar acima da página e se aproxima dela conforme você passa o mouse e pressiona.

2479Lift and settle buttonBotõesUm botão sólido que flutua e assume a cor de destaque ao passar o mouse e, em seguida, desce além da linha de repouso em uma sombra recolhida quando pressionado.

2633Offset bloom buttonBotõesUma placa plana e brilhante sem borda que floresce uma ampla névoa descentralizada de sua própria cor ao pairar e a comprime quando pressionada.

2776Press down sweep buttonBotõesUm botão sólido cujo preenchimento fica mais claro de um lado ao passar o mouse e fica plano na página enquanto é pressionado.