Empty
A placeholder for when there is no data to display.
When to Use
- For empty states in lists, tables, or search results
- When content has been cleared or filtered to nothing
- To prompt users to take action when a section is empty
Import
Examples
Basic
Custom Description
With Action
No Description
API
EmptyProps
description—ReactNode | false— Description text (setfalseto hide)image—ReactNode— Custom empty illustrationimageStyle—CSSProperties— Image container styleschildren—ReactNode— Action area below description