Botões

Slide away destructive

Um botão destrutivo cujo rótulo desliza para a esquerda para deixar apenas uma cruz e, em seguida, muda para uma face de sucesso com uma marca de seleção por um momento quando pressionado.

Hover to collapse the label, press to confirm.

Como usar Slide away destructive

Um botão destrutivo cujo rótulo desliza para a esquerda para deixar apenas uma cruz e, em seguida, muda para uma face de sucesso com uma marca de seleção por um momento quando pressionado.

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, confirmColor, slideMs, confirmMs

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

2628Icon takeover deleteBotõesUm botão destrutivo dividido em uma palavra em negrito e uma célula estreita de ícone; passar o mouse ou focar aumenta a célula em todo o botão até que apenas o glifo permaneça, com uma confirmação de dois toques ao toque.

2696Destructive sweep buttonBotõesUma ação de exclusão cujo sombreamento rosa a carmesim varre de ponta a ponta ao passar o mouse, inclinando a tampa da lixeira, com um toque opcional para confirmar a linha ao longo da borda inferior.

2551Staged expand delete buttonBotõesUm bloco de ícone de lixeira quadrada que se alarga após um pequeno atraso ao passar o mouse, seu rótulo desaparece e pede um segundo clique de confirmação antes de disparar.

2715Glide swap buttonBotõesUm botão de largura fixa que desliza seu rótulo para fora da borda direita enquanto o glifo desliza para o centro, tudo assentado em uma borda colorida onde o botão cai quando pressionado.

1707Hold ring confirmBotõesUm botão redondo rodeado por um traço que se desenha enquanto você o segura, inserindo um valor de progresso no anel, na escala do botão e na cor do rótulo de uma só vez.

1636Hold to deleteBotõesUm botão destrutivo que só é acionado depois que o ponteiro é pressionado por tempo suficiente para que uma barra de preenchimento passe por ele e retrocede no momento em que você o solta.