Botões

Pulse button

Um botão que responde a um clique com um único anel de expansão a partir da posição do ponteiro e um breve pressionamento para baixo e, em seguida, estabiliza.

Como usar Pulse button

Um botão que responde a um clique com um único anel de expansão a partir da posição do ponteiro e um breve pressionamento para baixo e, em seguida, estabiliza.

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, ringColor, duration, rounded

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

1643Pointer Ripple ButtonBotõesUm botão que planta um círculo de luz exatamente onde foi pressionado e o expande além das bordas à medida que desaparece.

1642Particle burst buttonBotõesUm botão que lança um pequeno jato de manchas para cima e para fora a cada clique e, em seguida, reinicia silenciosamente enquanto o rótulo confirma que a ação foi realizada.

1645Press ripple buttonBotõesUm botão sólido que gera um círculo de luz no ponto exato em que você pressiona, expandindo-se além das bordas e desaparecendo conforme você o solta.

1628Ripple tap buttonBotõesUm botão sólido que envia um círculo para fora do ponto exato que você pressionou, cortado em seu formato arredondado.

2314Charge Up Action ButtonBotõesUma pílula de carvão que se ilumina em uma tonalidade gradiente saturada ao pairar, levantando-se da superfície enquanto sua marca gira e brilha.

2711Count Sweep CTABotõesUm apelo à ação escuro e compacto com uma marca inicial, um divisor e uma contagem ao vivo, atravessada por uma faixa de luz diagonal lenta ao pairar.