Botões

Drifting Gradient Button

Um botão cujo preenchimento diagonal de dois tons é superdimensionado e nunca para de deslizar, rodando mais rápido ao passar o mouse e apertando ao clicar.

Como usar Drifting Gradient Button

Um botão cujo preenchimento diagonal de dois tons é superdimensionado e nunca para de deslizar, rodando mais rápido ao passar o mouse e apertando ao clicar.

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, companion, driftSeconds, pressScale

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, a instalação e o painel de propriedades estão incluídos no Fieldbook Pro. A prévia interativa está aberta para todos.

Conecte seu agente

Componentes relacionados

1745Shifting gradient pillBotõesUm botão cápsula pintado com uma rampa diagonal grande que desliza pela face quando acionado, enquanto dois brilhos nos cantos alternam entre um tom claro e um tom profundo do mesmo tom.

2572Snap back icon buttonBotõesUm botão de glifo simples que cresce suavemente sob o ponteiro e volta ao tamanho inicial no instante em que é pressionado.

1654Spring press buttonBotõesUm botão simples que cresce um pouco abaixo do ponteiro e desce enquanto pressionado, ambos em uma mola curta, com as duas escalas e a rigidez da mola expostas como botões.

2578Swelling pill buttonBotõesUma pílula gradiente de um tom que aumenta ao pairar enquanto uma sombra colorida se espalha abaixo dela e se comprime brevemente quando pressionada.

2693Tilt pop buttonBotõesUm pequeno botão sólido que se expande e se inclina alguns graus para o lado ao pairar, depois se achata de volta na superfície quando pressionado.

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.