Botões

Overshoot icon button

Uma pílula pálida com um grande glifo ilustrado estacionado em sua extremidade esquerda que passa pela borda e volta ao pairar ou focar.

Como usar Overshoot icon button

Uma pílula pálida com um grande glifo ilustrado estacionado em sua extremidade esquerda que passa pela borda e volta ao pairar ou focar.

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, slide, springy, radius

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

2714Expanding icon pillBotõesUm botão de ícone redondo que se transforma em uma pílula rotulada ao passar o mouse, trocando seu glifo por uma palavra quando um preenchimento de acento chega.

2715Glide swap buttonBotõesUm botão de largura fixa que desliza seu rótulo para fora da borda direita enquanto o glifo desliza para o centro, tudo assentado em uma borda colorida onde o botão cai quando pressionado.

2523Label swap slide buttonBotõesUma pílula com borda que troca todo o seu conteúdo ao passar o mouse: a linha restante desliza para cima e para fora enquanto uma segunda linha com seu próprio ícone e cor desliza para dentro por baixo.

2521Ring halo pill buttonBotõesUm botão de pílula que mantém uma lacuna clara em torno de seu núcleo colorido, preenche essa lacuna com um anel de destaque iluminado ao passar o mouse ou no foco do teclado e aperta para dentro enquanto pressionado.

2485Rocking icon CTABotõesUma pílula de sotaque sólida cujo ícone de calendário principal balança como um metrônomo ao passar o mouse e, quando clicado, desenha uma marca e troca o texto para um rótulo confirmado antes de voltar.

2513Slide under download buttonBotõesUm botão rotulado que desliza uma bandeja de ação brilhante para fora de sua placa ao passar o mouse ou focar, com uma seta de download oscilante dentro da bandeja.