Botões

Staged expand delete button

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

Como usar Staged expand delete button

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

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, confirmLabel, accent, expandedWidth, delay, open

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

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.

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.

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.

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.

Arrow to label pill

2469Arrow to label pillBotõesUm botão redondo em forma de divisa que se estende até formar um comprimido largo ao passar o mouse, trocando a marca por uma palavra à medida que o preenchimento plano se torna uma rampa de duas paradas.

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.