zidanecomponents/PanelEmpty
import { … } from 'zidane-ui'ui/src/components/PanelEmpty.tsx
Components#
PanelEmptyComponent#
Renders an empty or error state for a side panel tab: an EmptyState inset from the
panel edges and centred in the remaining height.
function PanelEmpty(props: PanelEmptyProps): ElementParameters
| Name | Type | Description |
|---|---|---|
| props | PanelEmptyProps | Component props. |
Returns
ElementProps
| Name | Type | Description |
|---|---|---|
| className? | string | Extra classes on the root element. |
| hint? | ReactNode | Secondary text under the title. |
| icon? | string | Icon class shown above the title, such as |
| style? | CSSProperties | Inline styles on the root element, merged after the component's own. |
| title | ReactNode | Main message. It takes the warning colour when |
| warn? | boolean | An error in place of content. |
PanelLoadingComponent#
Renders a centred spinner with a loading label for a side panel tab.
function PanelLoading(props: PanelLoadingProps): ElementParameters
| Name | Type | Description |
|---|---|---|
| props | PanelLoadingProps | Component props. |
Returns
ElementProps
| Name | Type | Description |
|---|---|---|
| className? | string | Extra classes on the root element. |
| style? | CSSProperties | Inline styles on the root element, merged after the component's own. |
Interfaces#
PanelEmptyPropsInterface#
Props for PanelEmpty.
interface PanelEmptyPropsProperties
| Name | Type | Description |
|---|---|---|
| className? | string | Extra classes on the root element. |
| hint? | ReactNode | Secondary text under the title. |
| icon? | string | Icon class shown above the title, such as |
| style? | CSSProperties | Inline styles on the root element, merged after the component's own. |
| title | ReactNode | Main message. It takes the warning colour when |
| warn? | boolean | An error in place of content. |
PanelLoadingPropsInterface#
Props for PanelLoading.
interface PanelLoadingPropsProperties
| Name | Type | Description |
|---|---|---|
| className? | string | Extra classes on the root element. |
| style? | CSSProperties | Inline styles on the root element, merged after the component's own. |