Botões

Deep Slab Button

Uma placa alta que flutua acima da página em uma longa sombra diagonal e afunda nela quando pairada, e então bate ao clicar.

Como usar Deep Slab Button

Uma placa alta que flutua acima da página em uma longa sombra diagonal e afunda nela quando pairada, e então bate 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, sink, showArrow, shadowLength

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, a instalação e o painel de propriedades estão incluídos no Fieldbook Pro. A prévia interativa está aberta para todos.

Conecte seu agente

Componentes relacionados

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.

1868Lift and Sink ButtonBotõesUm botão monoespaçado colorido que flutua ao passar o mouse e afunda em sua própria sombra quando pressionado.

2005Nested plate send buttonBotõesUma pílula moldada colocada dentro de uma placa de apoio cuja sombra se estreita ao pairar e se achata ao pressionar.

1831Press block buttonBotõesUm botão de bloco arredondado apoiado em uma borda sólida de sombra que encurta conforme o botão desce quando pressionado.

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.

2533Soft inset press buttonBotõesUma placa quase preta que fica acima de um painel correspondente em duas sombras suaves opostas, afunda na superfície enquanto é segurada e sobe novamente ao ser liberada.