Agents / Interaction
Action button
A single action with pending, error and duplicate-click handling.
Registry
0 completed
Installation
Add the registry entry to your app.
npx shadcn@latest add @fabrials/action-buttonWithout the named registry, use the address:
https://ui.fabrials.com/r/action-button.json
API reference
| Prop / export | Type | Description |
|---|---|---|
action | () => Promise<unknown> | Action to run. |
children | ReactNode | Visible accessible button label. |
disabled | boolean | Disable when unavailable. |
Behavior
For WebMCP, pass the same useWebMCP().run call used by the tool interface.
Accessibility
Keyboard and contrast
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 keyboard operable.