Botões

Press down sweep button

Um botão sólido cujo preenchimento fica mais claro de um lado ao passar o mouse e fica plano na página enquanto é pressionado.

Como usar Press down sweep button

Um botão sólido cujo preenchimento fica mais claro de um lado ao passar o mouse e fica plano na página enquanto é pressionado.

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, pressDepth, sweep, radius

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.

1825Deep Slab ButtonBotõesUma placa alta que flutua acima da página em uma longa sombra diagonal e afunda nela quando pairada, e então bate ao clicar.

2626Diagonal orb fill buttonBotõesUm círculo enorme desliza de canto a canto em um botão delineado, preenchendo-o na diagonal e escurece no instante em que você o pressiona.

2660Elevation ladder fill buttonBotõesUma cápsula que sobe três degraus de elevação entre descansar, pairar e pressionar enquanto um toque suave cruza sua face.

2378Left Edge Fill ButtonBotõesUma placa arredondada e macia onde um painel colorido cresce na borda esquerda para preencher toda a forma ao passar o mouse, virando o rótulo à medida que ele passa.

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.