Botões

Hard Shadow Button

Um botão de contorno grosso que levanta sua sombra sólida de deslocamento ao passar o mouse e pressiona de volta ao clicar.

Como usar Hard Shadow Button

Um botão de contorno grosso que levanta sua sombra sólida de deslocamento ao passar o mouse e pressiona de volta ao clicar.

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, borderWidth, offset

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

2482Offset shadow press buttonBotõesUm botão de contorno plano que fica em uma sombra deslocada e desliza para baixo quando pressionado, como uma tecla real chegando ao fundo.

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.

2371Inset Edge PillBotõesUma pílula clara com um anel fino em toda a volta e uma borda mais grossa apenas na parte inferior, por isso parece uma chave física que se enche de cor ao passar o mouse.

2663Lifting hard shadow pillBotõesUma pílula de contorno grosso que flutua para cima e para a esquerda ao pairar enquanto sua sombra plana e sólida se estende por baixo dela e pressiona rente à página enquanto a segura.

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.

2392Offset outline stackBotõesUma face de botão com bordas apoiada em camadas de contorno escalonadas, como um pequeno bloco de papel; pairar desliza a folha superior para a pilha e inverte seu preenchimento.