Botões

Traveling underglow pill

Uma cápsula cuja faixa colorida de dois tons viaja lateralmente ao pairar enquanto uma cópia borrada atrás dela ilumina a superfície abaixo.

Como usar Traveling underglow pill

Uma cápsula cuja faixa colorida de dois tons viaja lateralmente ao pairar enquanto uma cópia borrada atrás dela ilumina a superfície abaixo.

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, secondary, cycleSeconds, glowBlur, width

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

2661Flat to flow buttonBotõesUm botão plano e sólido que muda para uma ampla faixa de dois tons que rola indefinidamente em sua face enquanto você passa o mouse ou está focado.

2475Halo glow buttonBotõesUma pílula escura cujo halo borrado desaparece ao pairar e viaja ao redor da borda enquanto um fino anel interno se ilumina.

1836Rolling Label ButtonBotõesUma pílula compacta e brilhante que rola sua legenda para fora do campo de visão e traz uma segunda linha de baixo ao passar o mouse.

2727Starfield glow buttonBotõesUma pílula escura que desperta ao pairar ou focar com um campo de estrelas cintilantes, um brilho de canto e um estado de impressão em tom frio.

2639Two Tone Frame PillBotõesUma cápsula pálida fica dentro de uma moldura grossa e arredondada dividida em duas faixas de cores planas, e um glifo sólido aumenta ao pairar.

2707Amber upload pillBotõesUma pílula de upload gradiente quente com uma borda brilhante que amplia seu tom colorido e ilumina o rótulo por trás ao passar o mouse.