Botões

Pointer Ripple Button

Um botão que planta um círculo de luz exatamente onde foi pressionado e o expande além das bordas à medida que desaparece.

Como usar Pointer Ripple Button

Um botão que planta um círculo de luz exatamente onde foi pressionado e o expande além das bordas à medida que desaparece.

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, rippleColor, duration, opacity, variant

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, a instalação e o painel de propriedades estão incluídos no Fieldbook Pro. A prévia interativa está aberta para todos.

Conecte seu agente

Componentes relacionados

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.

1524Pulse buttonBotõesUm 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.

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.

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.

1655Stacked ripple buttonBotõesUm botão delineado que mantém todas as ondulações vivas ao mesmo tempo, de modo que toques rápidos e repetidos se sobrepõem em anéis em camadas.

2574Arcade dome buttonBotõesUm botão redondo cuja tampa em forma de cúpula flutua acima de uma base mais escura e fica nivelada com uma queda visível quando pressionada.