# Motion Hold To Confirm

Delete workspace button in a settings danger zone that runs only after a 1.2 second hold, with Deletion cancelled on an early release.

- id: `motion-hold-to-confirm`
- Page: https://agentic-ui-kit.com/components/motion-hold-to-confirm
- Live preview: https://agentic-ui-kit.com/live/component/motion-hold-to-confirm

## Install

```bash
agentic-ui add motion-hold-to-confirm
npx shadcn@4.17.0 add @agentic-ui/motion-hold-to-confirm
```

## Metadata

- **Level:** block
- **Category:** motion
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** press-and-hold-confirmation, release-to-cancel, keyboard-hold-space-enter, fill-ring-shrinking-border-variants, stepped-progress-value, double-confirm-dialog-alternative, polite-result-announcement, reduced-motion-fallback, informative-state-preservation
- **Intents:** execute-flow, configure, manage-collection
- **Suits domains:** saas, devtools, operations, finance, ai-workspace, ecommerce
- **Interaction:** click, keyboard-navigation
- **Screen role:** management
- **Density:** compact
- **Dark mode:** yes
- **Use it for:** Delete workspace button in a settings danger zone that runs only after a 1.2 second hold, with Deletion cancelled on an early release, Remove member row action with a ring that closes next to the label, Revoke API key button whose border shrinks onto its edge while held, with a dialog alternative under reduced motion
- **Avoid when:** Reversible or frequent actions where a hold only adds friction (use a plain button with undo), Actions that start a request and need to report its result on the button (use motion-async-button after the confirmation), Flows that must collect extra input before confirming, such as typing the workspace name (use a confirmation dialog)
- **Preserve when adapting:** release-cancels-before-completion, aria-describedby-hold-hint, stepped-progressbar-value, dialog-alternative-when-motion-is-off
- **Replace when adapting:** labels, hint, dialog-labels, duration
- **Adaptation effort:** low
- **Coupling:** low
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** button, dialog
- **npm dependencies:** @agentic-ui/motion, @agentic-ui/tokens, react
- **Motion:** profile subtle, library css, reduced-motion fallback yes, target 60 fps
- **Registry dependencies:** lib-motion