synthetic
Error Block
A whole-page failure or empty state with an optional retry button.
OfflineStatus picks the icon and wording; action adds a retry
You are offline
Tasks keep working. We will sync when the signal is back.
Something went wrong
An error occurred. Please try again.
No projects yet
Create one to get the crew started.
Servers are busy
Please try again in a moment.
For your information
Your library syncs overnight.
In context
Inbox on a phoneThe crew inbox with no signal
Inbox
You are offline
Showing what was saved on 24 Oct.
Projects
No projects yet
Projects you join show up here.
Props
| Prop | Type | Required | Default |
|---|---|---|---|
status | ErrorBlockStatus | undefined | No | default |
title | ReactNode | No | — |
description | ReactNode | No | — |
icon | ReactNode | No | — |
fullPage | boolean | undefined | No | false |
children | ReactNode | No | — |
className | string | undefined | No | — |
bionic | boolean | undefined | No | — |
bionicOptions | BionicOptions | undefined | No | — |
Shape
{ type: "error-block", status?: "default"|"disconnected"|"empty"|"busy"|"info", title?: string, description?: string, action?: Action, fullPage?: boolean }fullPage is on by default; set it false for an inline, one-card failure state. empty and info are neutral: a quiet icon and a tinted panel, no error styling.