• /
  • Log in
  • Free account

EmptyState

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.TYPE.NORMAL
<One of
EmptyState.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 of
EmptyState.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__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
EmptyState.TYPE.NORMAL

Type 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 of
EmptyState.TYPE.ERROR,
EmptyState.TYPE.LOADING,
EmptyState.TYPE.NORMAL,
>
Create issueEdit page
Copyright © 2021 New Relic Inc.