Error State

Shown in place of content that failed to load, with a retry button.

Stable

Web

iOS

Android

@advui/core

Source

Retry

Preview

Code

Couldn’t load invoices

Check your connection and try again.

Installation

Package

CLI (copy source)

pnpm

pnpm add @advui/core

npm

npm install @advui/core

Usage

import { ErrorState } from '@advui/core'

<ErrorState
  description="Check your connection and try again."
  onRetry={refetch}
  retrying={isFetching}
/>

API reference

ErrorState

Empty State with an error icon; also accepts its props.

Prop	Type	Default	Description
`title`	`ReactNode`	`'Something went wrong'`	Short heading.
`description`	`ReactNode`	—	What failed and what to do.
`onRetry`	`() => void`	—	Shows a retry button that calls this.
`retryLabel`	`string`	`'Try again'`	Retry button text.
`retrying`	`boolean`	`false`	Spinner on the retry button.
`children`	`ReactNode`	—	More actions after Retry.

Accessibility

On web it has the alert role, so screen readers announce it when it replaces content.
The title is a heading, and the retry button shows a spinner and aria-busy while retrying.

Platform notes

iOS

Not announced automatically; move focus to it or announce with AccessibilityInfo.