Botões

Breathing transport toggle

Um chip de reprodução colorido que alterna entre reproduzir e pausar ao clicar, seu glifo respira enquanto o ponteiro repousa sobre ele.

Como usar Breathing transport toggle

Um chip de reprodução colorido que alterna entre reproduzir e pausar ao clicar, seu glifo respira enquanto o ponteiro repousa sobre ele.

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: accent, playing, breathSpeed, tint

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

2466Add Then Confirm ChipBotõesUm chip escuro com um rótulo quente cujo sinal de mais balança de um lado para o outro ao passar o mouse, depois gira em uma marca e informa o item adicionado.

2115Bookmark save chipBotõesUm chip de salvamento compacto cuja marca de marcador passa do contorno ao preenchimento e dá um pequeno puxão para baixo no momento em que um item é salvo.

2575Bookmark save toggleBotõesUm chip de salvamento compacto cujo glifo de marcador é preenchido de forma sólida e mantém uma borda fina quando o item é salvo.

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.

2550Captioned Like ButtonBotõesUm botão de coração apenas com ícone que revela uma legenda subindo por baixo ao passar o mouse ou focar e preenche sólido com uma ultrapassagem rápida quando gostado.

2675Chat launcher morphBotõesUm lançador redondo cujo contorno do balão de fala se redesenha em uma marca estreita enquanto seus três pontos diminuem.