EmptyState
Component documentation for EmptyState.
EmptyState
Component documentation for EmptyState.
Basic Usage
EmptyState (variant)
Demo loads on client.
Horizontal Layout
EmptyState (horizontal)
Demo loads on client.
Custom Slots
EmptyState (slots)
Demo loads on client.
Preset Components
TxBlankSlate: large blank state (defaultsize="large")TxLoadingState: loading placeholder (defaultvariant="loading")TxNoSelection: no-selection placeholder (defaultvariant="no-selection")TxNoData: no-data placeholder (defaultvariant="no-data")TxSearchEmpty: empty search state (defaultvariant="search-empty")TxOfflineState: offline hint (defaultvariant="offline")TxPermissionState: permission denied (defaultvariant="permission")TxErrorState: error state (defaultvariant="error"), see ErrorStateTxGuideState: guide state (defaultvariant="guide"), see GuideState
API
Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | EmptyStateVariant | 'empty' | Description for variant. |
title | string | - | Description for title. |
description | string | - | Description for description. |
icon | TxIconSource | string | null | - | Icon（string Text class/name） |
iconSize | number | - | Description for iconSize. |
layout | 'vertical' | 'horizontal' | 'vertical' | LayoutDirection |
align | 'start' | 'center' | 'end' | 'center' | Description for align. |
size | 'small' | 'medium' | 'large' | 'medium' | SizeText |
surface | 'plain' | 'card' | 'plain' | Description for surface. |
primaryAction | EmptyStateAction | - | Description for primaryAction. |
secondaryAction | EmptyStateAction | - | Description for secondaryAction. |
actionSize | TxButtonProps['size'] | 'small' | Description for actionSize. |
loading | boolean | false | Description for loading. |
EmptyStateAction
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | - | Description for label. |
type | TxButtonProps['type'] | - | Description for type. |
variant | TxButtonProps['variant'] | - | Description for variant. |
size | TxButtonProps['size'] | - | Description for size. |
disabled | boolean | false | Description for disabled. |
icon | string | - | Description for icon. |
Slots
| Name | Description |
|---|---|
icon | Description for icon. |
title | Description for title. |
description | Description for description. |
actions | Description for actions. |
Events
| Event | Description |
|---|---|
primary | Description for primary. |
secondary | Description for secondary. |
Was this helpful?