Usage
import { EmptyState } from 'nr1'Examples
Props
actionshape
You may specify an action to provide the user with some actionable next steps to avoid leading them to a dead end.
shape
ariaLabelstring
labelrequiredstring
onClickfunction
Callback fired any time the user clicks on the button.
function (event: React.MouseEvent )toshape|string
Location object or url string to link to.
shape
pathnamerequiredstring
searchstring
hashstring
typeenum
DEFAULT
EmptyState<One ofEmptyState.ACTION_TYPE.NORMAL,EmptyState.ACTION_TYPE.PRIMARY,>additionalInfoLinkshape
The information shown in the title and description can be complemented/extended with a link. This link should only be used to provide contextual information and not as an Action.
shape
ariaLabelstring
labelrequiredstring
onClickfunction
Callback fired any time the user clicks on the link.
function (event: React.MouseEvent )toshape|string
Location object or url string to link to.
shape
pathnamerequiredstring
searchstring
hashstring
classNamestring
Appends class names to the component.
Should be used only for positioning and spacing purposes.
descriptionstring
Should be used to explain why the space is empty and how to populate it.
Note: title and description props are optional, but at least one
of them has to be provided.
fullHeightboolean
Expands the empty state to occupy all available height.
fullWidthboolean
Expands the empty state to occupy all available width.
iconTypeenum
You may specify an icon which relates to the situation.
<One ofEmptyState.ICON_TYPE.DATAVIZ__DATAVIZ__AREA_CHART,EmptyState.ICON_TYPE.DATAVIZ__DATAVIZ__BAR_CHART,EmptyState.ICON_TYPE.DATAVIZ__DATAVIZ__BILLBOARD_CHART,EmptyState.ICON_TYPE.DATAVIZ__DATAVIZ__BULLET_CHART,EmptyState.ICON_TYPE.DATAVIZ__DATAVIZ__CHART,EmptyState.ICON_TYPE.DATAVIZ__DATAVIZ__CHART__A_ADD,EmptyState.ICON_TYPE.DATAVIZ__DATAVIZ__CHART__A_EDIT,EmptyState.ICON_TYPE.DATAVIZ__DATAVIZ__CHART__A_REMOVE,EmptyState.ICON_TYPE.DATAVIZ__DATAVIZ__DASHBOARD,EmptyState.ICON_TYPE.DATAVIZ__DATAVIZ__DASHBOARD__A_ADD,EmptyState.ICON_TYPE.DATAVIZ__DATAVIZ__DASHBOARD__A_EDIT,EmptyState.ICON_TYPE.DATAVIZ__DATAVIZ__DASHBOARD__A_FILTER,EmptyState.ICON_TYPE.DATAVIZ__DATAVIZ__DASHBOARD__A_REMOVE,EmptyState.ICON_TYPE.DATAVIZ__DATAVIZ__EVENT_FEED_CHART,EmptyState.ICON_TYPE.DATAVIZ__DATAVIZ__HEATMAP_CHART,EmptyState.ICON_TYPE.DATAVIZ__DATAVIZ__LINE_CHART,EmptyState.ICON_TYPE.DATAVIZ__DATAVIZ__MARKDOWN,EmptyState.ICON_TYPE.DATAVIZ__DATAVIZ__PIE_CHART,EmptyState.ICON_TYPE.DATAVIZ__DATAVIZ__SCATTER_CHART,EmptyState.ICON_TYPE.DATAVIZ__DATAVIZ__SERVICE_MAP_CHART,EmptyState.ICON_TYPE.DATAVIZ__DATAVIZ__STACKED_BAR_CHART,EmptyState.ICON_TYPE.DATAVIZ__DATAVIZ__STACKED_HORIZONTAL_BAR_CHART,EmptyState.ICON_TYPE.DATAVIZ__DATAVIZ__TABLE_CHART,EmptyState.ICON_TYPE.DATAVIZ__DATAVIZ__TRAFFIC_LIGHTS_CHART,EmptyState.ICON_TYPE.DATAVIZ__DATAVIZ__VERTICAL_BAR_CHART,EmptyState.ICON_TYPE.DATE_AND_TIME__DATE_AND_TIME__DATE,EmptyState.ICON_TYPE.DATE_AND_TIME__DATE_AND_TIME__DATE__A_ADD,EmptyState.ICON_TYPE.DATE_AND_TIME__DATE_AND_TIME__DATE__A_REMOVE,EmptyState.ICON_TYPE.DATE_AND_TIME__DATE_AND_TIME__TIME,EmptyState.ICON_TYPE.DATE_AND_TIME__DATE_AND_TIME__TIME__A_ADD,EmptyState.ICON_TYPE.DATE_AND_TIME__DATE_AND_TIME__TIME__A_REMOVE,EmptyState.ICON_TYPE.DOCUMENTS__DOCUMENTS__ATTACHMENT,EmptyState.ICON_TYPE.DOCUMENTS__DOCUMENTS__DOCUMENTATION,EmptyState.ICON_TYPE.DOCUMENTS__DOCUMENTS__EMAIL,EmptyState.ICON_TYPE.DOCUMENTS__DOCUMENTS__EMAIL__V_ALTERNATE,EmptyState.ICON_TYPE.DOCUMENTS__DOCUMENTS__FILE,EmptyState.ICON_TYPE.DOCUMENTS__DOCUMENTS__FILE__A_ADD,EmptyState.ICON_TYPE.DOCUMENTS__DOCUMENTS__FILE__A_REMOVE,EmptyState.ICON_TYPE.DOCUMENTS__DOCUMENTS__FOLDER,EmptyState.ICON_TYPE.DOCUMENTS__DOCUMENTS__FOLDER__A_ADD,EmptyState.ICON_TYPE.DOCUMENTS__DOCUMENTS__FOLDER__A_REMOVE,EmptyState.ICON_TYPE.DOCUMENTS__DOCUMENTS__NOTES,EmptyState.ICON_TYPE.DOCUMENTS__DOCUMENTS__NOTES__A_ADD,EmptyState.ICON_TYPE.DOCUMENTS__DOCUMENTS__NOTES__A_EDIT,EmptyState.ICON_TYPE.DOCUMENTS__DOCUMENTS__NOTES__A_REMOVE,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__ANOMALIES,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__CLUSTER,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__CLUSTER__A_INSPECT,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__CLUSTER__S_DISABLED,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__CLUSTER__S_ERROR,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__CLUSTER__S_OK,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__CLUSTER__S_WARNING,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__CPU,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__DESKTOP,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__DESKTOP__S_DISABLED,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__DESKTOP__S_ERROR,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__DESKTOP__S_OK,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__DESKTOP__S_WARNING,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__MEMORY,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__MOBILE,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__MOBILE__A_CHECKED,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__MOBILE__S_DISABLED,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__MOBILE__S_ERROR,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__MOBILE__S_OK,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__MOBILE__S_WARNING,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__NETWORK,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__NETWORK__A_INSPECT,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__NETWORK__S_DISABLED,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__NETWORK__S_ERROR,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__NETWORK__S_OK,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__NETWORK__S_WARNING,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__SERVER,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__SERVER__A_ADD,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__SERVER__A_CONFIGURE,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__SERVER__A_EDIT,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__SERVER__A_INSPECT,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__SERVER__A_PAUSE,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__SERVER__A_REMOVE,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__SERVER__S_DISABLED,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__SERVER__S_ERROR,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__SERVER__S_OK,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__SERVER__S_WARNING,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__HARDWARE__STORAGE,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__KUBERNETES__K8S_CLUSTER,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__KUBERNETES__K8S_CONTAINER,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__KUBERNETES__K8S_DEPLOYMENT,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__KUBERNETES__K8S_MASTER_NODE,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__KUBERNETES__K8S_NAMESPACE,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__KUBERNETES__K8S_NODE,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__KUBERNETES__K8S_POD,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__KUBERNETES__K8S_SERVICE,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__ALL_ENTITIES,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__APPLICATION,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__APPLICATION__A_CHECKED,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__APPLICATION__S_DISABLED,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__APPLICATION__S_ERROR,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__APPLICATION__S_OK,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__APPLICATION__S_WARNING,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__BROWSER,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__BROWSER__A_CHECKED,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__BROWSER__S_DISABLED,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__BROWSER__S_ERROR,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__BROWSER__S_OK,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__BROWSER__S_WARNING,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__CLOUD,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__CODE,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__CONTAINER,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__CONTROL_CENTER,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__CORRELATION,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__CORRELATION_REASONING,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__DATABASE,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__DATABASE__A_CHECKED,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__DATABASE__S_DISABLED,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__DATABASE__S_ERROR,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__DATABASE__S_OK,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__DATABASE__S_WARNING,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__DECISIONS,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__DESTINATIONS,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__DOWNSTREAM_CONNECTION,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__DOWNSTREAM_DEPLOYMENT,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__EVENT,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__FEED,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__LIVE_VIEW,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__LOGS,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__MOBILE_APPLICATION,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__MOBILE_APPLICATION__A_CHECKED,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__MOBILE_APPLICATION__S_DISABLED,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__MOBILE_APPLICATION__S_ERROR,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__MOBILE_APPLICATION__S_OK,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__MOBILE_APPLICATION__S_WARNING,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__MONITORING,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__NODE,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__OVERVIEW,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__PATHWAY,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__PLUGIN,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__PLUGIN__A_CHECKED,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__PLUGIN__S_DISABLED,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__PLUGIN__S_ERROR,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__PLUGIN__S_OK,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__PLUGIN__S_WARNING,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__QUERY,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__SERVICE,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__SERVICE__A_CHECKED,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__SERVICE__S_DISABLED,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__SERVICE__S_ERROR,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__SERVICE__S_OK,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__SERVICE__S_WARNING,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__SOURCES,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__STACK_TRACE,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__SYNTHESIZED_ENTITY,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__SYNTHETICS_MONITOR,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__SYSTEM,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__TRACES,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__TRAFFIC,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__UPSTREAM_CONNECTION,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__UPSTREAM_DEPLOYMENT,EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__WORKLOADS,EmptyState.ICON_TYPE.INTERFACE__ARROW__ARROW_BOTTOM,EmptyState.ICON_TYPE.INTERFACE__ARROW__ARROW_BOTTOM__V_ALTERNATE,EmptyState.ICON_TYPE.INTERFACE__ARROW__ARROW_BOTTOM__V_ALTERNATE__WEIGHT_BOLD,EmptyState.ICON_TYPE.INTERFACE__ARROW__ARROW_DIAGONAL_BOTTOM_LEFT,EmptyState.ICON_TYPE.INTERFACE__ARROW__ARROW_DIAGONAL_BOTTOM_RIGHT,EmptyState.ICON_TYPE.INTERFACE__ARROW__ARROW_DIAGONAL_TOP_LEFT,EmptyState.ICON_TYPE.INTERFACE__ARROW__ARROW_DIAGONAL_TOP_RIGHT,EmptyState.ICON_TYPE.INTERFACE__ARROW__ARROW_HORIZONTAL,EmptyState.ICON_TYPE.INTERFACE__ARROW__ARROW_LEFT,EmptyState.ICON_TYPE.INTERFACE__ARROW__ARROW_LEFT__V_ALTERNATE,EmptyState.ICON_TYPE.INTERFACE__ARROW__ARROW_LEFT__V_ALTERNATE__WEIGHT_BOLD,EmptyState.ICON_TYPE.INTERFACE__ARROW__ARROW_RIGHT,EmptyState.ICON_TYPE.INTERFACE__ARROW__ARROW_RIGHT__V_ALTERNATE,EmptyState.ICON_TYPE.INTERFACE__ARROW__ARROW_RIGHT__V_ALTERNATE__WEIGHT_BOLD,EmptyState.ICON_TYPE.INTERFACE__ARROW__ARROW_TOP,EmptyState.ICON_TYPE.INTERFACE__ARROW__ARROW_TOP__V_ALTERNATE,EmptyState.ICON_TYPE.INTERFACE__ARROW__ARROW_TOP__V_ALTERNATE__WEIGHT_BOLD,EmptyState.ICON_TYPE.INTERFACE__ARROW__ARROW_VERTICAL,EmptyState.ICON_TYPE.INTERFACE__ARROW__EXPAND,EmptyState.ICON_TYPE.INTERFACE__ARROW__GO_TO,EmptyState.ICON_TYPE.INTERFACE__ARROW__MOVE,EmptyState.ICON_TYPE.INTERFACE__ARROW__RESIZE,EmptyState.ICON_TYPE.INTERFACE__ARROW__RETURN_LEFT,EmptyState.ICON_TYPE.INTERFACE__ARROW__RETURN_RIGHT,EmptyState.ICON_TYPE.INTERFACE__ARROW__SHRINK,EmptyState.ICON_TYPE.INTERFACE__ARROW__SORT,EmptyState.ICON_TYPE.INTERFACE__CARET__CARET_BOTTOM,EmptyState.ICON_TYPE.INTERFACE__CARET__CARET_BOTTOM__SIZE_8,EmptyState.ICON_TYPE.INTERFACE__CARET__CARET_BOTTOM__V_ALTERNATE,EmptyState.ICON_TYPE.INTERFACE__CARET__CARET_BOTTOM__WEIGHT_BOLD,EmptyState.ICON_TYPE.INTERFACE__CARET__CARET_BOTTOM__WEIGHT_BOLD__SIZE_8,EmptyState.ICON_TYPE.INTERFACE__CARET__CARET_LEFT,EmptyState.ICON_TYPE.INTERFACE__CARET__CARET_LEFT__SIZE_8,EmptyState.ICON_TYPE.INTERFACE__CARET__CARET_LEFT__V_ALTERNATE,EmptyState.ICON_TYPE.INTERFACE__CARET__CARET_LEFT__WEIGHT_BOLD,EmptyState.ICON_TYPE.INTERFACE__CARET__CARET_LEFT__WEIGHT_BOLD__SIZE_8,EmptyState.ICON_TYPE.INTERFACE__CARET__CARET_RIGHT,EmptyState.ICON_TYPE.INTERFACE__CARET__CARET_RIGHT__SIZE_8,EmptyState.ICON_TYPE.INTERFACE__CARET__CARET_RIGHT__V_ALTERNATE,EmptyState.ICON_TYPE.INTERFACE__CARET__CARET_RIGHT__WEIGHT_BOLD,EmptyState.ICON_TYPE.INTERFACE__CARET__CARET_RIGHT__WEIGHT_BOLD__SIZE_8,EmptyState.ICON_TYPE.INTERFACE__CARET__CARET_TOP,EmptyState.ICON_TYPE.INTERFACE__CARET__CARET_TOP__SIZE_8,EmptyState.ICON_TYPE.INTERFACE__CARET__CARET_TOP__V_ALTERNATE,EmptyState.ICON_TYPE.INTERFACE__CARET__CARET_TOP__WEIGHT_BOLD,EmptyState.ICON_TYPE.INTERFACE__CARET__CARET_TOP__WEIGHT_BOLD__SIZE_8,EmptyState.ICON_TYPE.INTERFACE__CHEVRON__CHEVRON_BOTTOM,EmptyState.ICON_TYPE.INTERFACE__CHEVRON__CHEVRON_BOTTOM__SIZE_8,EmptyState.ICON_TYPE.INTERFACE__CHEVRON__CHEVRON_BOTTOM__V_ALTERNATE,EmptyState.ICON_TYPE.INTERFACE__CHEVRON__CHEVRON_BOTTOM__WEIGHT_BOLD,EmptyState.ICON_TYPE.INTERFACE__CHEVRON__CHEVRON_BOTTOM__WEIGHT_BOLD__SIZE_8,EmptyState.ICON_TYPE.INTERFACE__CHEVRON__CHEVRON_LEFT,EmptyState.ICON_TYPE.INTERFACE__CHEVRON__CHEVRON_LEFT__SIZE_8,EmptyState.ICON_TYPE.INTERFACE__CHEVRON__CHEVRON_LEFT__V_ALTERNATE,EmptyState.ICON_TYPE.INTERFACE__CHEVRON__CHEVRON_LEFT__WEIGHT_BOLD,EmptyState.ICON_TYPE.INTERFACE__CHEVRON__CHEVRON_LEFT__WEIGHT_BOLD__SIZE_8,EmptyState.ICON_TYPE.INTERFACE__CHEVRON__CHEVRON_RIGHT,EmptyState.ICON_TYPE.INTERFACE__CHEVRON__CHEVRON_RIGHT__SIZE_8,EmptyState.ICON_TYPE.INTERFACE__CHEVRON__CHEVRON_RIGHT__V_ALTERNATE,EmptyState.ICON_TYPE.INTERFACE__CHEVRON__CHEVRON_RIGHT__WEIGHT_BOLD,EmptyState.ICON_TYPE.INTERFACE__CHEVRON__CHEVRON_RIGHT__WEIGHT_BOLD__SIZE_8,EmptyState.ICON_TYPE.INTERFACE__CHEVRON__CHEVRON_TOP,EmptyState.ICON_TYPE.INTERFACE__CHEVRON__CHEVRON_TOP__SIZE_8,EmptyState.ICON_TYPE.INTERFACE__CHEVRON__CHEVRON_TOP__V_ALTERNATE,EmptyState.ICON_TYPE.INTERFACE__CHEVRON__CHEVRON_TOP__WEIGHT_BOLD,EmptyState.ICON_TYPE.INTERFACE__CHEVRON__CHEVRON_TOP__WEIGHT_BOLD__SIZE_8,EmptyState.ICON_TYPE.INTERFACE__INFO__ANNOUNCEMENT,EmptyState.ICON_TYPE.INTERFACE__INFO__HELP,EmptyState.ICON_TYPE.INTERFACE__INFO__INFO,EmptyState.ICON_TYPE.INTERFACE__INFO__INFO__WEIGHT_BOLD,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__ADJUST,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__ALERT,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__ALERT__A_REMOVE,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__ALERT__S_OFF,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__ALERT__S_ON,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__ARCHIVE,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__CENTER,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__CLOSE,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__CLOSE__SIZE_8,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__CLOSE__V_ALTERNATE,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__CONFIGURE,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__COPY_TO,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__COPY_TO_CLIPBOARD,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__DOWNLOAD,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__DRAG,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__EDIT,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__EXPORT,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__EXTERNAL_LINK,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__FILTER,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__FILTER__A_ADD,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__FILTER__A_REMOVE,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__FILTER__V_ALTERNATE,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__FOLLOW,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__GROUP,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__GROUP__A_REMOVE,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__GROUP__V_ALTERNATE,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__HIDE,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__HIDE_OTHERS,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__HIGHLIGHT,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__IMPORT,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__MORE,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__PAUSE,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__PAUSE_ALTERNATE__V_ALTERNATE,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__PIN,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__PLAY,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__PLAY_ALTERNATE__V_ALTERNATE,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__REARRANGE,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__REDO,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__REFRESH,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__REMOVE__V_ALTERNATE,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__REPLY__A_REPLY,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__SEARCH,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__SEARCH__V_ALTERNATE,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__SELECTION,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__SELECTION__V_ALTERNATE,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__SHARE,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__SHARE_LINK,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__SHOW,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__SKIP_BACK,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__SKIP_FORWARD,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__TAG,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__TRASH,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__TV_MODE,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__TV_MODE__A_TV_MODE,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__UNDO,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__UNPIN,EmptyState.ICON_TYPE.INTERFACE__OPERATIONS__UPLOAD,EmptyState.ICON_TYPE.INTERFACE__PLACEHOLDERS__CUSTOM_PLACEHOLDER,EmptyState.ICON_TYPE.INTERFACE__PLACEHOLDERS__ICON_PLACEHOLDER,EmptyState.ICON_TYPE.INTERFACE__SIGN__ASTERISK,EmptyState.ICON_TYPE.INTERFACE__SIGN__CHECKMARK,EmptyState.ICON_TYPE.INTERFACE__SIGN__CHECKMARK__V_ALTERNATE,EmptyState.ICON_TYPE.INTERFACE__SIGN__CHECKMARK__V_ALTERNATE__WEIGHT_BOLD,EmptyState.ICON_TYPE.INTERFACE__SIGN__CLOSE,EmptyState.ICON_TYPE.INTERFACE__SIGN__DOLLAR_SIGN,EmptyState.ICON_TYPE.INTERFACE__SIGN__EXCLAMATION,EmptyState.ICON_TYPE.INTERFACE__SIGN__EXCLAMATION__V_ALTERNATE,EmptyState.ICON_TYPE.INTERFACE__SIGN__MINUS,EmptyState.ICON_TYPE.INTERFACE__SIGN__MINUS__V_ALTERNATE,EmptyState.ICON_TYPE.INTERFACE__SIGN__NUMBER,EmptyState.ICON_TYPE.INTERFACE__SIGN__PLUS,EmptyState.ICON_TYPE.INTERFACE__SIGN__PLUS__V_ALTERNATE,EmptyState.ICON_TYPE.INTERFACE__SIGN__TIMES,EmptyState.ICON_TYPE.INTERFACE__SIGN__TIMES__SIZE_8,EmptyState.ICON_TYPE.INTERFACE__SIGN__TIMES__V_ALTERNATE,EmptyState.ICON_TYPE.INTERFACE__STATE__CLOSED,EmptyState.ICON_TYPE.INTERFACE__STATE__CRITICAL,EmptyState.ICON_TYPE.INTERFACE__STATE__CRITICAL__WEIGHT_BOLD,EmptyState.ICON_TYPE.INTERFACE__STATE__DISABLED,EmptyState.ICON_TYPE.INTERFACE__STATE__ENABLED,EmptyState.ICON_TYPE.INTERFACE__STATE__HEALTHY,EmptyState.ICON_TYPE.INTERFACE__STATE__LOADING,EmptyState.ICON_TYPE.INTERFACE__STATE__LOCK,EmptyState.ICON_TYPE.INTERFACE__STATE__OPEN,EmptyState.ICON_TYPE.INTERFACE__STATE__PRIVATE,EmptyState.ICON_TYPE.INTERFACE__STATE__PUBLIC,EmptyState.ICON_TYPE.INTERFACE__STATE__UNAVAILABLE,EmptyState.ICON_TYPE.INTERFACE__STATE__UNLOCK,EmptyState.ICON_TYPE.INTERFACE__STATE__WARNING,EmptyState.ICON_TYPE.INTERFACE__STATE__WARNING__WEIGHT_BOLD,EmptyState.ICON_TYPE.INTERFACE__VIEW__ENTER_FULL_SCREEN,EmptyState.ICON_TYPE.INTERFACE__VIEW__EXIT_FULL_SCREEN,EmptyState.ICON_TYPE.INTERFACE__VIEW__GRID_VIEW,EmptyState.ICON_TYPE.INTERFACE__VIEW__HIGH_DENSITY_VIEW,EmptyState.ICON_TYPE.INTERFACE__VIEW__LAYER_LIST,EmptyState.ICON_TYPE.INTERFACE__VIEW__LIST_VIEW,EmptyState.ICON_TYPE.INTERFACE__VIEW__SIXTH_SENSE,EmptyState.ICON_TYPE.INTERFACE__VIEW__THEME_TOGGLE,EmptyState.ICON_TYPE.INTERFACE__VIEW__THEME_TOGGLE__S_DARK,EmptyState.ICON_TYPE.INTERFACE__VIEW__THEME_TOGGLE__S_LIGHT,EmptyState.ICON_TYPE.LOCATION__LOCATION__HOME,EmptyState.ICON_TYPE.LOCATION__LOCATION__MAP,EmptyState.ICON_TYPE.LOCATION__LOCATION__PIN,EmptyState.ICON_TYPE.LOCATION__LOCATION__WORLD,EmptyState.ICON_TYPE.PROFILES__EVENTS__COMMENT,EmptyState.ICON_TYPE.PROFILES__EVENTS__COMMENT__A_EDIT,EmptyState.ICON_TYPE.PROFILES__EVENTS__FAVORITE,EmptyState.ICON_TYPE.PROFILES__EVENTS__FAVORITE__WEIGHT_BOLD,EmptyState.ICON_TYPE.PROFILES__EVENTS__LIKE,EmptyState.ICON_TYPE.PROFILES__USERS__ORGANIZATION,EmptyState.ICON_TYPE.PROFILES__USERS__ORGANIZATION__A_ADD,EmptyState.ICON_TYPE.PROFILES__USERS__ORGANIZATION__A_EDIT,EmptyState.ICON_TYPE.PROFILES__USERS__ORGANIZATION__A_REMOVE,EmptyState.ICON_TYPE.PROFILES__USERS__TEAM,EmptyState.ICON_TYPE.PROFILES__USERS__TEAM__A_ADD,EmptyState.ICON_TYPE.PROFILES__USERS__TEAM__A_EDIT,EmptyState.ICON_TYPE.PROFILES__USERS__TEAM__A_REMOVE,EmptyState.ICON_TYPE.PROFILES__USERS__USER,EmptyState.ICON_TYPE.PROFILES__USERS__USER__A_ADD,EmptyState.ICON_TYPE.PROFILES__USERS__USER__A_EDIT,EmptyState.ICON_TYPE.PROFILES__USERS__USER__A_REMOVE,>styleobject
Inline style for custom styling.
Should be used only for positioning and spacing purposes.
testIdstring
Adds a data-test-id attribute. Use it to target the component in unit and
E2E tests.
For a test id to be valid, prefix it with your nerdpack id, followed up by a dot.
For example, my-nerdpack.some-element.
Note: You might not see data-test-id attributes as they are removed
from the DOM, to debug them pass a e2e-test query parameter to the URL.
titlestring
Title of the empty state. It informs and gives a concise explanation of why the space is empty.
Note: title and description props are optional, but at least one
of them has to be provided.
typeenum
DEFAULT
EmptyStateType can be:
-
Normal (default) — use it when it's the first time the user interacts with a product/feature with no data yet or to provide feedback after a user action.
-
Error — use it to show system issues or when a configuration is needed.
-
Loading — use it to indicate that data is being fetched or loaded.
<One ofEmptyState.TYPE.ERROR,EmptyState.TYPE.LOADING,EmptyState.TYPE.NORMAL,>