Botões

Pressed tile icon button

Um ícone de ícone moldado e macio que fica orgulhoso de uma superfície clara e, ao passar o mouse, afunda nela virando seu par de sombras do avesso.

Como usar Pressed tile icon button

Um ícone de ícone moldado e macio que fica orgulhoso de uma superfície clara e, ao passar o mouse, afunda nela virando seu par de sombras do avesso.

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: accent, size, depth, radius, sink

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

2765Embossed press buttonBotõesUm botão sólido e arredondado que parece uma tecla física elevada em repouso e muda para uma aparência recuada pressed-into-the-surface ao passar o mouse, focar e pressionar.

2519Soft relief send buttonBotõesUm botão de envio moldado em uma superfície leve: uma borda de dois tons ao redor de um pad interno macio com um glifo de envio preenchido que afunda quando pressionado.

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.

1936Chevron flip tileBotõesUm bloco de ícone quadrado cuja divisa se articula e reabre apontando para o outro lado, cada metade girando na junta onde se encontram.

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.

2561Ivory keycap buttonBotõesUma tecla clara erguida em uma borda correspondente; pairar engrossa sua borda inserida e pressionar o assenta rente à superfície.