Botões

Icon takeover delete

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

Como usar Icon takeover delete

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

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, cellWidth, glyph, confirmOnTap

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

Slide away destructive

2619Slide away destructiveBotõesUm 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.

Staged expand delete button

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.

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.

2485Rocking icon CTABotõesUma pílula de sotaque sólida cujo ícone de calendário principal balança como um metrônomo ao passar o mouse e, quando clicado, desenha uma marca e troca o texto para um rótulo confirmado antes de voltar.

Breathing Inset Button

2579Breathing Inset ButtonBotõesUm botão moldado claro cujo painel interno se afasta da borda ao passar o mouse enquanto o glifo de envio desliza uma curta distância em direção ao rótulo.

2714Expanding icon pillBotõesUm botão de ícone redondo que se transforma em uma pílula rotulada ao passar o mouse, trocando seu glifo por uma palavra quando um preenchimento de acento chega.