ns-ui
Signature capture as consent — a canvas ink strip with pen-pressure feel that retraces itself in a clean witness replay before Confirm embosses it as Authorized.
Use when consent that should be given as an actual signature, captured with pen-pressure feel and replayed back as a witness trace before Confirm embosses it as authorized; pick checkbox-ink-stroke instead when a tick is sufficient consent, confirm-hold-wax when a press-and-hold seal carries the same ceremony without a drawn mark, or consent-scope-redact when the user is choosing what to share rather than agreeing to a whole document.
Install
npx shadcn add https://design.helpmarq.comns-ui / signature-consent
Sign to authorize
Draw to sign, or switch to typing your name. A witness replay retraces the stroke at a steady pace before Confirm unlocks.
| Prop | Type | Default | Description |
|---|---|---|---|
| prompt? | string | — | Caption shown before signing. Default "Sign to authorize". |
| onConfirm? | (value: DeedStrokeValue) => void | — | Called once, when the signer confirms. |
| className? | string | — | — |