Widget empty state

NoData ​

Use this state to display "No data" (including "Nothing found") empty states.

import { NoData } from 'intergalactic/widget-empty';
<NoData />;

import { NoData } from 'intergalactic/widget-empty';
<NoData />;

WidgetNoDataProps

Error ​

Use this state to display error messages.

import { Error } from 'intergalactic/widget-empty';
<Error />;

import { Error } from 'intergalactic/widget-empty';
<Error />;

WidgetErrorProps

WidgetEmpty ​

Use this component to display customized empty states.

import WidgetEmpty from 'intergalactic/widget-empty';
<WidgetEmpty />;

import WidgetEmpty from 'intergalactic/widget-empty';
<WidgetEmpty />;

WidgetEmptyProps

Images ​

You can find all the possible images for the component in the Illustration component. To obtain any illustration, you can use the getIllustrationPath function, which returns the URL in the format https://static.semrush.com/ui-kit/illustration/${version}/${name}.svg.