Botões

Hold to delete

Um 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.

Como usar Hold to delete

Um 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.

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, holdMs, accent, showCountdown, glyph

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

Hold ring confirm

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.

Copy flick tile

2590Copy flick tileBotõesUm ladrilho quadrado contendo uma pilha de duas páginas; um toque longo afasta a página superior, confirma a cópia na legenda e redefine a pilha.

Destructive sweep button

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.

Hold to fill pad

2570Hold to fill padBotõesUm bloco translúcido que preenche para cima a partir de sua base enquanto é segurado e, em seguida, confirma e pisca sua borda quando o preenchimento atinge o topo.

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.

Send flight button

2724Send flight buttonBotõesUm botão de luz escovado que reproduz uma curta sequência de envio: o glifo de papel voa, uma etiqueta de envio conta seus pontos e, em seguida, um cheque aparece.