Botões

Sliding label button

Um botão sólido cujo rótulo sobe para fora do quadro enquanto uma segunda linha rola de baixo para ocupar seu lugar.

Como usar Sliding label button

Um botão sólido cujo rótulo sobe para fora do quadro enquanto uma segunda linha rola de baixo para ocupar seu lugar.

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, hoverLabel, variant, accent, slideMs

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

2215Rolling cube label buttonBotõesUm botão cujo rótulo fica na face de uma caixa rasa, apontando para ele, gira a caixa um quarto de volta e uma segunda mensagem chega de cima.

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.

1632Dot flood buttonBotõesUm comprimido delineado com um pequeno ponto ao lado do rótulo; pairar aumenta o ponto até inundar todo o botão e o rótulo muda para seu gêmeo invertido.

2703Skewed wipe swap buttonBotõesUm botão que troca seu rótulo ao passar o mouse ou focar enquanto um painel de destaque cortado aparece em sua face.

2682Ticker swap buttonBotõesUm botão de pílula cujo rótulo é substituído ao passar o mouse por um ticker interminável da mesma palavra correndo lateralmente em sua face.

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.