ErrorState
Error states acknowledge failure gracefully. They explain what went wrong, reassure the user, and provide a clear path to recovery — typically a retry button. The inline variant fits inside cards or sections, while the page variant takes over the full viewport.
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "inline" | "page" | "page" | Display variant |
| title | string | "Something went wrong" | Error title |
| description | string | — | Error description text |
| onRetry | () => void | — | Retry callback |
| retryLabel | string | "Try again" | Retry button label |
| className | string | — | Additional CSS classes |