Widget empty state
NoData
Use this state to display "No data" (including "Nothing found") empty states.
jsx
import { NoData } from 'intergalactic/widget-empty';
<NoData />;
WidgetNoDataProps
& & {...}Name | Type | Description |
---|---|---|
description | React.ReactNode | Error 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 />;
WidgetErrorProps
& & {...}Name | Type | Description |
---|---|---|
description | React.ReactNode | Error 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 />;
WidgetEmptyProps
& {...}Name | Type | Description |
---|---|---|
icon | React.ReactNode | 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
.
Last updated: