Botões

Flip face button

Um botão com duas faces que troca uma pela outra em um giro tridimensional, invertendo de onde quer que esteja quando o ponteiro sai.

Como usar Flip face button

Um botão com duas faces que troca uma pela outra em um giro tridimensional, invertendo de onde quer que esteja quando o ponteiro sai.

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: axis, duration, accentColor, frontLabel, backLabel

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

2622Disc to Pill CTABotõesUm pequeno disco preenchido ao lado de um rótulo em letras maiúsculas se transforma em um comprimido completo ao passar o mouse ou focar, revelando o texto e carregando a seta junto.

1661Two face flip buttonBotõesUm botão com duas faces empilhadas que giram uma após a outra em 3D ao passar o mouse, a frente inclinando-se em direção a uma borda escolhida enquanto a parte traseira gira para ocupar seu lugar.

1848Center out fill buttonBotõesUm botão maiúsculo delineado cujo preenchimento de destaque abre a partir de uma linha fina no centro até ambas as bordas ao passar o mouse ou focar.

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.

2763Draining fill buttonBotõesUm botão inundado que sai de uma das bordas ao passar o mouse, deixando um contorno vazio com o rótulo virado para o destaque.