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

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.