Empty State

Empty state component is used as a placeholder in place of a table or other data that's currently missing.

#

#

#

#

#

#

#

#

  • Show a placeholder when there's no data to display.

#

Inherits margin props.

NameDefaultDescription
imageUrl

string

URL to an image, which will be displayed above the title.

title

string

Title that describes the empty state in a few words.

message

ReactNode

Extended explanation.

actions

ReactNode

Call-to-action buttons or links.

On this page

  • Example
  • Usage
  • Minimal
  • With image
  • With actions
  • With image and actions
  • Guidelines
  • When to use
  • Props