Empty state
An empty state refers to the interface's condition when it lacks content or data to display. It's a critical part of the user experience, informing users about the absence of information or guiding them on how to proceed when there's no content to show. Empty states are designed to prevent confusion, frustration, or disengagement by providing helpful information, guidance, or prompts to encourage user interaction or action.
Variant
Here are some types of empty state, including:
Anatomy
- Image
- Decription
- Button
Usage
Empty states serve as an essential element in user interfaces and are particularly beneficial in the following scenarios:
import React from 'react';
import { Empty } from 'antd';
const App: React.FC = () => <Empty />;
export default App;