Skip to main content

Empty State

Empty state with icon and text props.

Text
<>
<EmptyState icon="info-circle" text="Text" />
</>

Light#

Make your text invisible by using light prop.

Text
<>
<EmptyState icon="info-circle" light text="Text" />
</>

Icon size#

You can change the size of icon with size prop.

Text
<>
<EmptyState icon="info-circle" size="30" text="Text" />
</>

Image#

Replace the icon with image by image prop.

TextText
<>
<EmptyState image="https://erxes.io/static/images/logo/logo_dark.svg" text="Text" />
</>

Extra#

You can add extra item (text, number, tags, etc) to your empty state with extra prop.

Text
Extra text
<>
<EmptyState icon="info-circle" size="30" text="Text" extra="Extra text" />
</>

API#

import EmptyState from "erxes-ui/lib/components/EmptyState";
NameTypeDefaultDescription
textstringShows your text. If you want to show only text, use it with light prop
iconstringShows icon
imagestringShows image
sizestringChanges the size of icon
extranodeAdds other components or text
lightbooleanShow only first row
Last updated on by zulaann