NoData

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

import { NoData } from '@semcore/ui/widget-empty';
<NoData />;

NSWidgetEmptyNoData.Props

& & {...}

Name	Type	Description
description		Error description. If it is absent, use the local default one
type		Data types

Error

Use this state to display error messages.

import { Error } from '@semcore/ui/widget-empty';
<Error />;

NSWidgetEmptyError.Props

& & {...}

Name	Type	Description
description		Error description. If it is absent, use the local default one

WidgetEmpty

Use this component to display customized empty states.

import WidgetEmpty from '@semcore/ui/widget-empty';
<WidgetEmpty />;

NSWidgetEmpty.Props

& {...}

Name	Type	Description
icon		URL before the icon or the whole component

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.