Interaction
Action button
A single action with pending, error and duplicate-click handling.
0 completed
Installation
Terminal
bunx shadcn@latest add https://ui.fabrials.com/r/action-button.jsonAPI
| Prop / export | Type | Description |
|---|---|---|
| action | () => Promise<unknown> | Action to run. |
| children | ReactNode | Visible accessible button label. |
| disabled | boolean | Disable when unavailable. |
Behavior & compatibility
For WebMCP, pass the same useWebMCP().run call used by the tool interface.
Accessibility
Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is fully keyboard operable.