Botões

Color swap play button

Um play pill maiúsculo que troca suas cores de fundo e de texto ao passar o mouse, aumentando conforme seu brilho colorido escurece.

Como usar Color swap play button

Um play pill maiúsculo que troca suas cores de fundo e de texto ao passar o mouse, aumentando conforme seu brilho colorido escurece.

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, accent, glow, lift

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

1872Outline invert buttonBotõesUm botão de ardósia escuro com um contorno quente que troca todas as cores com sua borda ao passar o mouse e se eleva em um brilho mutável.

2542Comb wipe invert buttonBotõesDois pentes listrados entrelaçados deslizam de cima para baixo para cobrir uma pílula preta, invertendo o rótulo à medida que passam.

2530Nudge arrow invert buttonBotõesUma pílula escura em maiúscula com uma seta fixada na borda direita; pairar inverte-o para uma superfície pálida e empurra a flecha para frente, e pressionar pisca um preenchimento quente.

2683Arrow wipe buttonBotõesUm botão de pílula cuja placa de destaque, cortada em forma de ponta de seta, desliza da esquerda para a esquerda e inverte o rótulo letra por letra à medida que sua ponta se cruza.

2709Border trace buttonBotõesUm botão silencioso e translúcido cujas quatro bordas se desenham em sequência ao passar o mouse enquanto uma faixa suave de luz atravessa o rosto.

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.