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

import { Empty } from "orizon";

Examples

Basic

No data
<Empty />

Custom Description

No results found
<Empty description="No results found" />

With Action

No data yet
<Empty description="No data yet">
  <Button type="primary">Create Now</Button>
</Empty>

No Description

<Empty description={false} />

API

EmptyProps

  • descriptionReactNode | false — Description text (set false to hide)
  • imageReactNode — Custom empty illustration
  • imageStyleCSSProperties — Image container styles
  • childrenReactNode — Action area below description