ErrorState

Recoverable error state with alert semantics, retry and back actions, and reduced-motion handling.

InterfaceSource ready7 props documentedLive preview
Add with shadcnnpx shadcn@latest add https://www.uigrids.com/r/error-state.json
Interactive preview
Interface

Install with the CLI

# adds ErrorState to components/ui with the shadcn CLI
npx shadcn@latest add https://www.uigrids.com/r/error-state.json

Or install the package

// npm install @uigrids/react-ui
import { ErrorState } from '@uigrids/react-ui'

export default function App() {
  return <ErrorState />
}

Props

PropTypeDefaultDescription
titlestring'We could not load this view'Configures the title option.
descriptionstring'The request ended before the latest da...Configures the description option.
retryLabelstring'Try again'Configures the retry label option.
backLabelstring'Go back'Configures the back label option.
onRetryunknown-Configures the on retry option.
onBackunknown-Configures the on back option.
classNamestring''Additional CSS classes for the outer element.