Developer WidgetEmpty
This component is used for displaying message for "empty" states in the widgets.
jsx
import WidgetEmpty from '@semcore/ui/widget-empty';
<WidgetEmpty />;import WidgetEmpty from '@semcore/ui/widget-empty';
<WidgetEmpty />;WidgetEmptyProps
& {...}| Name | Type | Description |
|---|---|---|
| icon | React.ReactNode | URL before the icon or the whole component |
NoData
Use this state to display "No data" message.
jsx
import { NoData } from '@semcore/ui/widget-empty';
<NoData />;import { NoData } from '@semcore/ui/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 message.
jsx
import { Error } from '@semcore/ui/widget-empty';
<Error />;import { Error } from '@semcore/ui/widget-empty';
<Error />;WidgetErrorProps
& & {...}| Name | Type | Description |
|---|---|---|
| description | React.ReactNode | Error 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.