Button Async 2 - Async with error

Pro

Secondary async button that shows an error state with X icon after failure.
Shadcn Button Async 2 component

Component data

ID
button/button-async-2
Access
pro
Created
May 23, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Button Async 2 component design & features

Demonstrates the error outcome path. After loading, the button shows an X icon before auto-resetting to idle.

Useful for file uploads or API calls where failure needs immediate visual feedback without a toast or alert.