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
- variant
- "solid" | "outline" | "ghost" | "danger"
- default "solid"
- Visual style. Danger pairs naturally with holdToConfirm.
- size
- "sm" | "md" | "lg"
- default "md"
- Control height and typography scale.
- holdToConfirm
- number
- default —
- Milliseconds the button must be held before confirming. Adds a gauge ring; Escape or early release cancels.
- onConfirm
- () => void
- default —
- Fires when a hold completes. Hold buttons never fire onClick.
| 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. |