Skip to content

Widget empty state

NoData

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

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 messages.

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

WidgetEmpty

Use this component to display customized empty states.

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

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.