Error State with Retry Action

A component-level error state for when data fails to load, with error icon, message, and a retry button.

Empty States empty-states error dark-mode shadcn simple

Prompt

Create an error state component with:
- Warning icon (large, muted red)
- Error title: "Something went wrong"
- Descriptive message: "We couldn't load your data. This is usually temporary."
- Error code in small monospace text (optional)
- Primary button: "Try Again"
- Secondary link: "Contact Support"
- Three variants:
  1. Full page error (centered in viewport)
  2. Card-level error (fits inside a data card)
  3. Inline error (single line with icon and retry link)
- Dark mode support
- Use shadcn/ui, Tailwind CSS

Share:Share on X