Skip to content

Widget empty state

WidgetEmpty

This component is used for displaying message for "empty" states in the widgets.

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

WidgetEmptyProps

& {...}
NameTypeDescription
iconReact.ReactNodeURL before the icon or the whole component

NoData

Use this state to display "No data" message.

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

WidgetNoDataProps

& & {...}
NameTypeDescription
descriptionReact.ReactNodeError description. If it is absent, use the local default one
type

Error

Use this state to display error message.

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

WidgetErrorProps

& & {...}
NameTypeDescription
descriptionReact.ReactNodeError description. If it is absent, use the local default one

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.

Released under the MIT License.

Released under the MIT License.