Mensagens de status

Click ripple burst

Um efeito de feedback de ponteiro que gera uma breve forma animada exatamente onde o usuário clica ou toca.

Click or tap anywhereEach release spawns one effect at the pointer

Como usar Click ripple burst

Um efeito de feedback de ponteiro que gera uma breve forma animada exatamente onde o usuário clica ou toca.

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: variant, color, size, duration

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

2122Click spark burstMensagens de statusCada pressão lança um anel de linhas curtas a partir do ponto exato de contato, cada uma se esticando e encolhendo até virar nada enquanto voa.

2151Expanding ring loaderMensagens de statusAnéis finos que crescem a partir de um único ponto e desaparecem à medida que se alargam, lançados um após o outro para que o pulso nunca pare.

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.

1546Toast stackMensagens de statusUma pilha de notificações de canto onde as torradas mais antigas ficam atrás das mais novas, apontando para elas, formando uma lista, e cada uma drena um fio de cabelo antes de sair.

2117Breathing dot loaderMensagens de statusPontos que permanecem parados e respiram em vez de se moverem, inchando e escurecendo, de modo que a linha parece um batimento cardíaco lento.

2129Content Loading CardMensagens de statusUm espaço reservado em forma de cartão que respira com um pulso lento de opacidade enquanto um grande bloco de imagem e duas linhas de texto ainda estão sendo carregados.