ns-ui
Press-and-hold destructive action — monochrome ink pours up from the press point, release early and it recoils.
Use when a press-and-hold DESTRUCTIVE confirm — ink pours up from the press point and recoils if released early; use whenever an action needs deliberate confirmation, not a plain single-tap button; pick confirm-slide-shatter instead when the gate should be distance dragged rather than time held, confirm-dial-align when it should be fine-motor accuracy, or confirm-hold-wax for the same hold grammar staged as signing rather than deleting.
Install
npx shadcn add https://design.helpmarq.comns-ui / confirm-hold-ink — press and hold
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | — | — |
| confirmedLabel? | ReactNode | "Done" | — |
| holdMs? | number | 1200 | — |
| onConfirm? | () => void | — | — |
| className? | string | — | — |