Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA button that runs its action only after being held, with a fill that sweeps across while pressed, for destructive actions without a modal.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
It is a shadcn/ui Button, so every variant and size works. The fill tints with the button's own text colour, so it reads on any variant and theme.
| Prop | Type | Default | Description |
|---|---|---|---|
onConfirm | () => void | - | Called once the button has been held for the full duration. |
duration | number | 1500 | Hold time in milliseconds. |
confirmedChildren | ReactNode | check icon and "Done" | Content shown after confirming. |
confirmedMessage | string | "Confirmed." | Announced to screen readers after confirming. |
resetAfter | number | 2400 | Milliseconds before returning to idle. 0 keeps the confirmed state. |
hint | string | "Press and hold to confirm" | Instruction linked with aria-describedby. |
variant, size | Button props | - | Passed to the shadcn/ui Button. |
Also accepts all Button props except onClick and asChild.
aria-describedby, and the result is announced in a polite status region.