Botões

Sweep invert button

Um botão azul marinho profundo cujo preenchimento brilhante surge da borda direita e muda a etiqueta para o tom escuro com um aperto rápido.

Como usar Sweep invert button

Um botão azul marinho profundo cujo preenchimento brilhante surge da borda direita e muda a etiqueta para o tom escuro com um aperto rápido.

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, base, tracking, 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, 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

2378Left Edge Fill ButtonBotõesUma placa arredondada e macia onde um painel colorido cresce na borda esquerda para preencher toda a forma ao passar o mouse, virando o rótulo à medida que ele passa.

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.

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.

2676Diagonal wedge buttonBotõesUm botão quadrado preenchido por uma cunha triangular que cresce ao longo da diagonal até cobrir toda a face.

2597Edge wipe invertBotõesUm botão contornado cujo preenchimento sólido se estende a partir de uma borda e inverte o rótulo à medida que passa por baixo.

2678Interlocking comb buttonBotõesDois pentes de barras verticais deslizam de cima para baixo e se unem para preencher o botão, invertendo o rótulo à medida que passam.