EmptyState

The EmptyState component from Superset's UI library.

All Variants

Loading component...

Live Example

Loading component...

Try It

Edit the code below to experiment with the component:

Live Editor

function Demo() {
  return (
    <EmptyState
      size="medium"
      title="No Results Found"
      description="Try adjusting your filters or search terms."
      image="filter.svg"
      buttonText="Clear Filters"
      buttonAction={() => alert('Filters cleared!')}
    />
  );
}

Result

Loading...

Props

Prop	Type	Default	Description
size	string	"medium"	Size of the empty state component.
title	string	"No Data Available"	Main title text.
description	string	"There is no data to display at this time."	Description text below the title.
image	string	"empty.svg"	Predefined image to display.
buttonText	string	""	Text for optional action button.

Import

import { EmptyState } from '@superset/components';

---

Improve this page

This documentation is auto-generated from the component's Storybook story. Help improve it by editing the story file.