Botões

Inset sheen button

Um botão utilitário claro com uma borda fina, um destaque de um pixel ao longo de sua borda superior e um estado pressionado que vira o brilho para dentro.

Como usar Inset sheen button

Um botão utilitário claro com uma borda fina, um destaque de um pixel ao longo de sua borda superior e um estado pressionado que vira o brilho para dentro.

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, radius, disabled

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

Hairline utility button

2627Hairline utility buttonBotõesUm botão de ação neutro e silencioso que responde ao passar o mouse com uma elevação de um pixel, uma linha fina mais escura e uma sombra suave e, em seguida, afunda novamente quando pressionado.

Pressed highlight toggle

1647Pressed highlight toggleBotõesUm botão de ícone de dois estados que mantém seu estado pressionado visível com um bloco de destaque arredondado crescendo atrás do glifo do centro para fora.

Border brighten button

2641Border brighten buttonBotõesUm botão escuro cujo quadro de dois pixels é a única parte móvel: ele sobe para branco ao passar o mouse e se transforma em um anel interno apertado enquanto o botão é pressionado.

Breathing Inset Button

2579Breathing Inset ButtonBotõesUm botão moldado claro cujo painel interno se afasta da borda ao passar o mouse enquanto o glifo de envio desliza uma curta distância em direção ao rótulo.

Carved Pill Button

1847Carved Pill ButtonBotõesUma pílula esculpida em uma superfície macia e fosca por sombras internas opostas, elevando-se em uma almofada elevada no momento em que é pairada ou focada.

Dialog bevel button

2509Dialog bevel buttonBotõesUm pequeno botão de sistema cinza construído a partir de dois chanfros rígidos aninhados e uma marca de foco interna pontilhada, cujas linhas de chanfro mudam ao ser pressionada para que pareça pressionado.