Botões

Diagonal swipe button

Um botão delineado segurando uma lâmina fina e inclinada que se endireita e se alarga até inundar o quadro ao pairar.

Como usar Diagonal swipe button

Um botão delineado segurando uma lâmina fina e inclinada que se endireita e se alarga até inundar o quadro ao pairar.

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, tilt, borderWidth, durationMs

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

2538Diagonal blob flood buttonBotõesUm botão contornado inundado por uma grande bolha arredondada que desliza diagonalmente a partir do canto superior e escurece enquanto é pressionado.

2626Diagonal orb fill buttonBotõesUm círculo enorme desliza de canto a canto em um botão delineado, preenchendo-o na diagonal e escurece no instante em que você o pressiona.

2141Diagonal shutter fill buttonBotõesUm botão delineado que é preenchido quando duas lâminas inclinadas balançam de lados opostos, endireitam-se no meio do voo e se encontram no meio.

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.

2595Detached Ring PillBotõesUma pílula escura orbitada por um anel de contorno flutuante que se estende ainda mais e inunda a pílula com cor ao pairar.

2588Draining fill buttonBotõesUma pílula delineada que começa totalmente inundada de cor e escorre para uma faixa fina na base ao pairar, depois é recarregada na parte inferior ao sair.