Valmor

Hold to Confirm

Confirma ações sensíveis após manter o controle pressionado.

Variantes:
primary danger

Hold to Confirm

Mantenha pressionado para confirmar a ação. 
<!-- Hold to Confirm Component -->
<div class="hold-to-confirm">
  Hold to Confirm content here
</div>
---
import Hold to Confirm from '@/components/ui/actions/Hold to Confirm/Hold to Confirm.astro';
---

<Hold to Confirm />

Variantes

primary

primary

Confirmação padrão

danger

danger

Ação destrutiva

Uso

Quando usar

  • Use Hold to Confirm para confirma ações sensíveis após manter o controle pressionado.
  • Ideal para interfaces que precisam de ações

Boas práticas

  • Mantenha consistência com outros componentes da mesma categoria
  • Considere acessibilidade e estados de interação
  • Teste em diferentes tamanhos de tela