Feedback and states · §5.27

Empty state

What will appear here, and what to do next.

Theme
Contrast
Language
Motion
Text size

Code

<EmptyState action={…} description={…} title={t("requests.empty")} />

Accessibility

  • A heading-level sentence of what will appear here.

Usage

Do

  • One next action.

Don't

  • Don't leave a blank area.

Platforms

Web
apps/web/components/edflow/states.tsx
iOS
SwiftUI ContentUnavailableView
Android
Compose Column