Hold to Delete

A destructive action that only fires if you keep holding.

Animation

Installation

bash
npx shadcn@latest add https://ui.noicess.fun/r/hold-to-delete.json

Props

PropTypeDefaultDescription
durationnumber2Seconds the press must be held before it fires.
label / doneLabelstring"Hold to delete" / "Deleted"Idle and completed copy.
onDelete() => void-Called once the hold completes. Resets after 2s.