Botões

Squash key button

Um botão de tecla que se aperta sob o ponteiro enquanto uma laje de base desliza para fora dele e, em seguida, cai sobre a laje quando pressionada.

Como usar Squash key button

Um botão de tecla que se aperta sob o ponteiro enquanto uma laje de base desliza para fora dele e, em seguida, cai sobre a laje quando pressionada.

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, squash, dropPx, showIcon

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

2574Arcade dome buttonBotõesUm botão redondo cuja tampa em forma de cúpula flutua acima de uma base mais escura e fica nivelada com uma queda visível 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.

1878Radial sheen buttonBotõesUm botão curto em forma de tecla iluminado no canto superior direito, com uma borda de base fina que inverte quando pressionada.

2620Three layer push buttonBotõesUma tecla tátil construída a partir de três placas empilhadas, uma sombra projetada, uma parede lateral escura e uma face flutuante, que surge ao pairar e atinge o fundo instantaneamente ao pressionar.

2708Bevel press pillBotõesUma pílula escura chanfrada com um chip redondo recuado na extremidade que afunda na superfície quando pressionada.

2566Growing ledge buttonBotõesUm botão de destaque sólido apoiado em uma borda inferior mais escura que engrossa e sobe ao pairar, depois fica mais fino e afunda sob pressão.