Error state
Says what failed and offers Try again in place of the content that could not load. It is an alert, so screen readers hear it when it appears.
bunx --bun shadcn@4.17.0 add @waimakers/error-state- Kit dependencies
- utilsthemeempty-statebuttonid-token
- npm dependencies
- lucide-react@1.33.0
From the registry
An error message with a danger panel or compact inline layout, optional Try again with loading state and a copyable reference. Announces the error in place.
Examples
Retry
Try again shows its own loading state while the retry runs. This one fails once, then recovers.
Runs did not load
The server took too long to answer. Your agents are still running.
With reference
Add a reference when someone may need to report the failure. It copies in one press.
The meeting summary could not be saved
Nothing was lost. Try again, or send the reference to Joost.
Compact
Inside a card or panel, trim the padding and keep the words short.
Upcoming meetings
Calendar unavailable