Drag to Confirm
freeSpring-resistant slide-to-confirm track for destructive or high-stakes actions with auto-reset.
#slider#confirm#gesture#safety
High-stakes action
Slide to deploy production
CLI Installation
pnpm dlx shadcn@latest add https://ui.ibidi.dev/r/drag-to-confirm.jsonProps
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | 'Slide to deploy production' | Idle prompt inside the track. |
| variant | 'default' | 'danger' | 'default' | Visual tone of the track and thumb. |
| onConfirm | () => void | — | Callback fired when dragged past threshold. |
| autoResetMs | number | 2400 | Delay before resetting back to idle. |