Empty State
Takes the place of content when there is none, nothing was found, or loading failed.
No bookings yet
Bookings that come in today will show up here.
No results for "Rahmah"
Check the spelling, or search by booking code.
Could not load data
Check your internet connection.
Usage
import { EmptyState } from '@smartui/react';
import '@smartui/react/styles.css';When to use
- Empty lists, zero search results, failed loads.
When not to use
- While loading. Use Skeleton.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
kind | 'empty' | 'search' | 'error' | 'empty' | |
title | string | required | |
description | string | - | |
action | ReactNode | - |
Accessibility
- Announced when it replaces content.