KQ-001 · PRESSURE/BUTTON
Pressure Button
A button that pushes back — press squash on flick, spring rebound on snap, and a hold-to-confirm gauge ring for destructive actions.
KQ-001 · PRESSURE/BUTTON
Environment: staging-04 · idle
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/pressure-button
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "solid" | "outline" | "ghost" | "danger" | "solid" | Visual style. Danger pairs naturally with holdToConfirm. |
| size | "sm" | "md" | "lg" | "md" | Control height and typography scale. |
| holdToConfirm | number | — | Milliseconds the button must be held before confirming. Adds a gauge ring; Escape or early release cancels. |
| onConfirm | () => void | — | Fires when a hold completes. Hold buttons never fire onClick. |