Botões

Edge light pill

Uma pílula brilhante iluminada por uma barra borrada ao longo da borda superior e uma flor sob a base que incha e ilumina ao pairar.

Como usar Edge light pill

Uma pílula brilhante iluminada por uma barra borrada ao longo da borda superior e uma flor sob a base que incha e ilumina ao pairar.

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, glow, radius, paddingX, topLight

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

2471Center bloom buttonBotõesUma pílula sólida e arredondada que brilha do meio para fora à medida que uma camada circular pálida cresce além de suas próprias bordas e depois afunda quando pressionada.

2546Soft bloom fill buttonBotõesUma pílula iluminada por dentro por um ponto borrado que incha lentamente de um canto até preencher todo o rosto.

2707Amber upload pillBotõesUma pílula de upload gradiente quente com uma borda brilhante que amplia seu tom colorido e ilumina o rótulo por trás ao passar o mouse.

2601Arrow relay badge pillBotõesUm botão de comprimido com um emblema redondo à esquerda cuja seta sai pelo canto superior ao passar o mouse enquanto uma nova chega por baixo e o corpo fica quase preto.

2469Arrow to label pillBotõesUm botão redondo em forma de divisa que se estende até formar um comprimido largo ao passar o mouse, trocando a marca por uma palavra à medida que o preenchimento plano se torna uma rampa de duas paradas.

2602Breathing CTA pillBotõesUma frase de chamariz arredondada que aumenta ao passar o mouse e se transforma em um pulso lento de escala e brilho até que o ponteiro saia ou o botão seja pressionado.