• /
  • EnglishEspañol日本語한국어Português
  • Log inStart now

EmptyState

Use empty states to inform and provide instructions when:

  • The user interacts for the first time with a product or a feature with no data yet. e.g. After the creation of a new element.
  • Providing feedback to the user based on an action. e.g. Using the search or filter bar elements.
  • Troubleshooting is required. e.g. Configuration or permissions.
  • Data is being loaded.

The empty state component should always be wrapped in with a <Card> component.

Usage

import { EmptyState } from 'nr1'

Examples

Default

<EmptyState
  iconType={
EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__ALL_ENTITIES}
  title="Add the entities you want to group"
  description="Fill this workload with any entities from front-end to back-end across your stack."
  additionalInfoLink={{
    label: 'See our docs',
    onClick: console.log,
    to: 'https://docs.newrelic.com/',
  }}
  action={{
    label: 'Add entities',
    onClick: console.log,
  }}
/>

Error

<EmptyState
  type={EmptyState.TYPE.ERROR}
  iconType={
    
EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__SERVICE__S_ERROR
  }
  title="We couldn’t reach the database"
  description="Refresh the page to try again. If this keeps happening, visit our support center."
  additionalInfoLink={{
    label: 'Visit support center',
    onClick: console.log,
    to: 'https://docs.newrelic.com/',
  }}
  action={{ label: 'Refresh the page', onClick: console.log }}
/>

Loading

<EmptyState
  title="Hold tight—we’re fetching your data"
  type={EmptyState.TYPE.LOADING}
/>

Center in container

<Card style={{ height: 400 }}>
  <EmptyState
    fullHeight
    fullWidth
    iconType={
      
EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARE__SOFTWARE__ALL_ENTITIES
    }
    title="Add the entities you want to group"
    description="Fill this workload with any entities from front-end to back-end across your stack."
    additionalInfoLink={{
      label: 'See our docs',
      onClick: console.log,
      to: 'https://docs.newrelic.com/',
    }}
    action={{
      label: 'Add entities',
      onClick: console.log,
    }}
  />
</Card>

Props

action

shape

You may specify an action to provide the user with some actionable next steps to avoid leading them to a dead end.

shape

ariaLabel

string

label

REQUIRED
string

onClick

function
Callback fired any time the user clicks on the button.

function (
event: React.MouseEvent
)

to

shape|string

Location object or url string to link to.

shape

pathname
REQUIRED
string

search

string

hash

string

type

enum

<One of

EmptyState.ACTION_TYPE.NORMALEmptyState.ACTION_TYPE.PRIMARY

>

additionalInfoLink

shape

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

ariaLabel

string

label

REQUIRED
string

onClick

function
Callback fired any time the user clicks on the link.

function (
event: React.MouseEvent
)

to

shape|string

Location object or url string to link to.

shape

pathname
REQUIRED
string

search

string

hash

string

className

string

Appends class names to the component.Should be used only for positioning and spacing purposes.

description

string

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.

fullHeight

boolean

Expands the empty state to occupy all available height.

fullWidth

boolean

Expands the empty state to occupy all available width.

iconType

enum

You may specify an icon which relates to the situation.

<One of

EmptyState.ICON_TYPE.DATAVIZDATAVIZAREA_CHART, EmptyState.ICON_TYPE.DATAVIZDATAVIZBAR_CHART, EmptyState.ICON_TYPE.DATAVIZDATAVIZBILLBOARD_CHART, EmptyState.ICON_TYPE.DATAVIZDATAVIZBULLET_CHART, EmptyState.ICON_TYPE.DATAVIZDATAVIZCHART, EmptyState.ICON_TYPE.DATAVIZDATAVIZCHARTA_ADD, EmptyState.ICON_TYPE.DATAVIZDATAVIZCHARTA_EDIT, EmptyState.ICON_TYPE.DATAVIZDATAVIZCHARTA_REMOVE, EmptyState.ICON_TYPE.DATAVIZDATAVIZDASHBOARD, EmptyState.ICON_TYPE.DATAVIZDATAVIZDASHBOARDA_ADD, EmptyState.ICON_TYPE.DATAVIZDATAVIZDASHBOARDA_EDIT, EmptyState.ICON_TYPE.DATAVIZDATAVIZDASHBOARDA_FILTER, EmptyState.ICON_TYPE.DATAVIZDATAVIZDASHBOARDA_REMOVE, EmptyState.ICON_TYPE.DATAVIZDATAVIZEVENT_FEED_CHART, EmptyState.ICON_TYPE.DATAVIZDATAVIZHEATMAP_CHART, EmptyState.ICON_TYPE.DATAVIZDATAVIZLINE_CHART, EmptyState.ICON_TYPE.DATAVIZDATAVIZMARKDOWN, EmptyState.ICON_TYPE.DATAVIZDATAVIZPIE_CHART, EmptyState.ICON_TYPE.DATAVIZDATAVIZSCATTER_CHART, EmptyState.ICON_TYPE.DATAVIZDATAVIZSERVICE_MAP_CHART, EmptyState.ICON_TYPE.DATAVIZDATAVIZSTACKED_BAR_CHART, EmptyState.ICON_TYPE.DATAVIZDATAVIZSTACKED_HORIZONTAL_BAR_CHART, EmptyState.ICON_TYPE.DATAVIZDATAVIZTABLE_CHART, EmptyState.ICON_TYPE.DATAVIZDATAVIZTRAFFIC_LIGHTS_CHART, EmptyState.ICON_TYPE.DATAVIZDATAVIZVERTICAL_BAR_CHART, EmptyState.ICON_TYPE.DATE_AND_TIMEDATE_AND_TIMEDATE, EmptyState.ICON_TYPE.DATE_AND_TIMEDATE_AND_TIMEDATEA_ADD, EmptyState.ICON_TYPE.DATE_AND_TIMEDATE_AND_TIMEDATEA_REMOVE, EmptyState.ICON_TYPE.DATE_AND_TIMEDATE_AND_TIMETIME, EmptyState.ICON_TYPE.DATE_AND_TIMEDATE_AND_TIMETIMEA_ADD, EmptyState.ICON_TYPE.DATE_AND_TIMEDATE_AND_TIMETIMEA_REMOVE, EmptyState.ICON_TYPE.DOCUMENTSDOCUMENTSATTACHMENT, EmptyState.ICON_TYPE.DOCUMENTSDOCUMENTSDOCUMENTATION, EmptyState.ICON_TYPE.DOCUMENTSDOCUMENTSEMAIL, EmptyState.ICON_TYPE.DOCUMENTSDOCUMENTSEMAILV_ALTERNATE, EmptyState.ICON_TYPE.DOCUMENTSDOCUMENTSFILE, EmptyState.ICON_TYPE.DOCUMENTSDOCUMENTSFILEA_ADD, EmptyState.ICON_TYPE.DOCUMENTSDOCUMENTSFILEA_REMOVE, EmptyState.ICON_TYPE.DOCUMENTSDOCUMENTSFOLDER, EmptyState.ICON_TYPE.DOCUMENTSDOCUMENTSFOLDERA_ADD, EmptyState.ICON_TYPE.DOCUMENTSDOCUMENTSFOLDERA_REMOVE, EmptyState.ICON_TYPE.DOCUMENTSDOCUMENTSNOTES, EmptyState.ICON_TYPE.DOCUMENTSDOCUMENTSNOTESA_ADD, EmptyState.ICON_TYPE.DOCUMENTSDOCUMENTSNOTESA_EDIT, EmptyState.ICON_TYPE.DOCUMENTSDOCUMENTSNOTESA_REMOVE, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWAREANOMALIES, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWARECLUSTER, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWARECLUSTERA_INSPECT, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWARECLUSTERS_DISABLED, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWARECLUSTERS_ERROR, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWARECLUSTERS_OK, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWARECLUSTERS_WARNING, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWARECPU, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWAREDESKTOP, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWAREDESKTOPS_DISABLED, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWAREDESKTOPS_ERROR, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWAREDESKTOPS_OK, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWAREDESKTOPS_WARNING, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWAREMEMORY, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWAREMOBILE, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWAREMOBILEA_CHECKED, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWAREMOBILES_DISABLED, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWAREMOBILES_ERROR, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWAREMOBILES_OK, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWAREMOBILES_WARNING, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWARENETWORK, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWARENETWORKA_INSPECT, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWARENETWORKS_DISABLED, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWARENETWORKS_ERROR, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWARENETWORKS_OK, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWARENETWORKS_WARNING, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWARESERVER, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWARESERVERA_ADD, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWARESERVERA_CONFIGURE, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWARESERVERA_EDIT, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWARESERVERA_INSPECT, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWARESERVERA_PAUSE, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWARESERVERA_REMOVE, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWARESERVERS_DISABLED, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWARESERVERS_ERROR, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWARESERVERS_OK, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWARESERVERS_WARNING, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREHARDWARESTORAGE, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREKUBERNETESK8S_CLUSTER, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREKUBERNETESK8S_CONTAINER, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREKUBERNETESK8S_DEPLOYMENT, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREKUBERNETESK8S_MASTER_NODE, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREKUBERNETESK8S_NAMESPACE, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREKUBERNETESK8S_NODE, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREKUBERNETESK8S_POD, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWAREKUBERNETESK8S_SERVICE, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREALL_ENTITIES, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREAPPLICATION, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREAPPLICATIONA_CHECKED, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREAPPLICATIONS_DISABLED, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREAPPLICATIONS_ERROR, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREAPPLICATIONS_OK, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREAPPLICATIONS_WARNING, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREBROWSER, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREBROWSERA_CHECKED, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREBROWSERS_DISABLED, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREBROWSERS_ERROR, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREBROWSERS_OK, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREBROWSERS_WARNING, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWARECLOUD, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWARECODE, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWARECONTAINER, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWARECONTROL_CENTER, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWARECORRELATION, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWARECORRELATION_REASONING, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREDATABASE, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREDATABASEA_CHECKED, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREDATABASES_DISABLED, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREDATABASES_ERROR, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREDATABASES_OK, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREDATABASES_WARNING, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREDECISIONS, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREDESTINATIONS, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREDOWNSTREAM_CONNECTION, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREDOWNSTREAM_DEPLOYMENT, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREEVENT, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREFEED, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWARELIVE_VIEW, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWARELOGS, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREMOBILE_APPLICATION, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREMOBILE_APPLICATIONA_CHECKED, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREMOBILE_APPLICATIONS_DISABLED, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREMOBILE_APPLICATIONS_ERROR, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREMOBILE_APPLICATIONS_OK, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREMOBILE_APPLICATIONS_WARNING, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREMONITORING, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWARENODE, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREOVERVIEW, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREPATHWAY, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREPLUGIN, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREPLUGINA_CHECKED, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREPLUGINS_DISABLED, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREPLUGINS_ERROR, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREPLUGINS_OK, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREPLUGINS_WARNING, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREQUERY, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWARESERVICE, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWARESERVICEA_CHECKED, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWARESERVICES_DISABLED, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWARESERVICES_ERROR, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWARESERVICES_OK, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWARESERVICES_WARNING, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWARESOURCES, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWARESTACK_TRACE, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWARESYNTHESIZED_ENTITY, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWARESYNTHETICS_MONITOR, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWARESYSTEM, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWARETRACES, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWARETRAFFIC, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREUPSTREAM_CONNECTION, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREUPSTREAM_DEPLOYMENT, EmptyState.ICON_TYPE.HARDWARE_AND_SOFTWARESOFTWAREWORKLOADS, EmptyState.ICON_TYPE.INTERFACEARROWARROW_BOTTOM, EmptyState.ICON_TYPE.INTERFACEARROWARROW_BOTTOMV_ALTERNATE, EmptyState.ICON_TYPE.INTERFACEARROWARROW_BOTTOMV_ALTERNATEWEIGHT_BOLD, EmptyState.ICON_TYPE.INTERFACEARROWARROW_DIAGONAL_BOTTOM_LEFT, EmptyState.ICON_TYPE.INTERFACEARROWARROW_DIAGONAL_BOTTOM_RIGHT, EmptyState.ICON_TYPE.INTERFACEARROWARROW_DIAGONAL_TOP_LEFT, EmptyState.ICON_TYPE.INTERFACEARROWARROW_DIAGONAL_TOP_RIGHT, EmptyState.ICON_TYPE.INTERFACEARROWARROW_HORIZONTAL, EmptyState.ICON_TYPE.INTERFACEARROWARROW_LEFT, EmptyState.ICON_TYPE.INTERFACEARROWARROW_LEFTV_ALTERNATE, EmptyState.ICON_TYPE.INTERFACEARROWARROW_LEFTV_ALTERNATEWEIGHT_BOLD, EmptyState.ICON_TYPE.INTERFACEARROWARROW_RIGHT, EmptyState.ICON_TYPE.INTERFACEARROWARROW_RIGHTV_ALTERNATE, EmptyState.ICON_TYPE.INTERFACEARROWARROW_RIGHTV_ALTERNATEWEIGHT_BOLD, EmptyState.ICON_TYPE.INTERFACEARROWARROW_TOP, EmptyState.ICON_TYPE.INTERFACEARROWARROW_TOPV_ALTERNATE, EmptyState.ICON_TYPE.INTERFACEARROWARROW_TOPV_ALTERNATEWEIGHT_BOLD, EmptyState.ICON_TYPE.INTERFACEARROWARROW_VERTICAL, EmptyState.ICON_TYPE.INTERFACEARROWEXPAND, EmptyState.ICON_TYPE.INTERFACEARROWGO_TO, EmptyState.ICON_TYPE.INTERFACEARROWMOVE, EmptyState.ICON_TYPE.INTERFACEARROWRESIZE, EmptyState.ICON_TYPE.INTERFACEARROWRETURN_LEFT, EmptyState.ICON_TYPE.INTERFACEARROWRETURN_RIGHT, EmptyState.ICON_TYPE.INTERFACEARROWSHRINK, EmptyState.ICON_TYPE.INTERFACEARROWSORT, EmptyState.ICON_TYPE.INTERFACECARETCARET_BOTTOM, EmptyState.ICON_TYPE.INTERFACECARETCARET_BOTTOMSIZE_8, EmptyState.ICON_TYPE.INTERFACECARETCARET_BOTTOMV_ALTERNATE, EmptyState.ICON_TYPE.INTERFACECARETCARET_BOTTOMWEIGHT_BOLD, EmptyState.ICON_TYPE.INTERFACECARETCARET_BOTTOMWEIGHT_BOLDSIZE_8, EmptyState.ICON_TYPE.INTERFACECARETCARET_LEFT, EmptyState.ICON_TYPE.INTERFACECARETCARET_LEFTSIZE_8, EmptyState.ICON_TYPE.INTERFACECARETCARET_LEFTV_ALTERNATE, EmptyState.ICON_TYPE.INTERFACECARETCARET_LEFTWEIGHT_BOLD, EmptyState.ICON_TYPE.INTERFACECARETCARET_LEFTWEIGHT_BOLDSIZE_8, EmptyState.ICON_TYPE.INTERFACECARETCARET_RIGHT, EmptyState.ICON_TYPE.INTERFACECARETCARET_RIGHTSIZE_8, EmptyState.ICON_TYPE.INTERFACECARETCARET_RIGHTV_ALTERNATE, EmptyState.ICON_TYPE.INTERFACECARETCARET_RIGHTWEIGHT_BOLD, EmptyState.ICON_TYPE.INTERFACECARETCARET_RIGHTWEIGHT_BOLDSIZE_8, EmptyState.ICON_TYPE.INTERFACECARETCARET_TOP, EmptyState.ICON_TYPE.INTERFACECARETCARET_TOPSIZE_8, EmptyState.ICON_TYPE.INTERFACECARETCARET_TOPV_ALTERNATE, EmptyState.ICON_TYPE.INTERFACECARETCARET_TOPWEIGHT_BOLD, EmptyState.ICON_TYPE.INTERFACECARETCARET_TOPWEIGHT_BOLDSIZE_8, EmptyState.ICON_TYPE.INTERFACECHEVRONCHEVRON_BOTTOM, EmptyState.ICON_TYPE.INTERFACECHEVRONCHEVRON_BOTTOMSIZE_8, EmptyState.ICON_TYPE.INTERFACECHEVRONCHEVRON_BOTTOMV_ALTERNATE, EmptyState.ICON_TYPE.INTERFACECHEVRONCHEVRON_BOTTOMWEIGHT_BOLD, EmptyState.ICON_TYPE.INTERFACECHEVRONCHEVRON_BOTTOMWEIGHT_BOLDSIZE_8, EmptyState.ICON_TYPE.INTERFACECHEVRONCHEVRON_LEFT, EmptyState.ICON_TYPE.INTERFACECHEVRONCHEVRON_LEFTSIZE_8, EmptyState.ICON_TYPE.INTERFACECHEVRONCHEVRON_LEFTV_ALTERNATE, EmptyState.ICON_TYPE.INTERFACECHEVRONCHEVRON_LEFTWEIGHT_BOLD, EmptyState.ICON_TYPE.INTERFACECHEVRONCHEVRON_LEFTWEIGHT_BOLDSIZE_8, EmptyState.ICON_TYPE.INTERFACECHEVRONCHEVRON_RIGHT, EmptyState.ICON_TYPE.INTERFACECHEVRONCHEVRON_RIGHTSIZE_8, EmptyState.ICON_TYPE.INTERFACECHEVRONCHEVRON_RIGHTV_ALTERNATE, EmptyState.ICON_TYPE.INTERFACECHEVRONCHEVRON_RIGHTWEIGHT_BOLD, EmptyState.ICON_TYPE.INTERFACECHEVRONCHEVRON_RIGHTWEIGHT_BOLDSIZE_8, EmptyState.ICON_TYPE.INTERFACECHEVRONCHEVRON_TOP, EmptyState.ICON_TYPE.INTERFACECHEVRONCHEVRON_TOPSIZE_8, EmptyState.ICON_TYPE.INTERFACECHEVRONCHEVRON_TOPV_ALTERNATE, EmptyState.ICON_TYPE.INTERFACECHEVRONCHEVRON_TOPWEIGHT_BOLD, EmptyState.ICON_TYPE.INTERFACECHEVRONCHEVRON_TOPWEIGHT_BOLDSIZE_8, EmptyState.ICON_TYPE.INTERFACEINFOANNOUNCEMENT, EmptyState.ICON_TYPE.INTERFACEINFOHELP, EmptyState.ICON_TYPE.INTERFACEINFOINFO, EmptyState.ICON_TYPE.INTERFACEINFOINFOWEIGHT_BOLD, EmptyState.ICON_TYPE.INTERFACEOPERATIONSADJUST, EmptyState.ICON_TYPE.INTERFACEOPERATIONSALERT, EmptyState.ICON_TYPE.INTERFACEOPERATIONSALERTA_REMOVE, EmptyState.ICON_TYPE.INTERFACEOPERATIONSALERTS_OFF, EmptyState.ICON_TYPE.INTERFACEOPERATIONSALERTS_ON, EmptyState.ICON_TYPE.INTERFACEOPERATIONSARCHIVE, EmptyState.ICON_TYPE.INTERFACEOPERATIONSCENTER, EmptyState.ICON_TYPE.INTERFACEOPERATIONSCLOSE, EmptyState.ICON_TYPE.INTERFACEOPERATIONSCLOSESIZE_8, EmptyState.ICON_TYPE.INTERFACEOPERATIONSCLOSEV_ALTERNATE, EmptyState.ICON_TYPE.INTERFACEOPERATIONSCONFIGURE, EmptyState.ICON_TYPE.INTERFACEOPERATIONSCOPY_TO, EmptyState.ICON_TYPE.INTERFACEOPERATIONSCOPY_TO_CLIPBOARD, EmptyState.ICON_TYPE.INTERFACEOPERATIONSDOWNLOAD, EmptyState.ICON_TYPE.INTERFACEOPERATIONSDRAG, EmptyState.ICON_TYPE.INTERFACEOPERATIONSEDIT, EmptyState.ICON_TYPE.INTERFACEOPERATIONSEXPORT, EmptyState.ICON_TYPE.INTERFACEOPERATIONSEXTERNAL_LINK, EmptyState.ICON_TYPE.INTERFACEOPERATIONSFILTER, EmptyState.ICON_TYPE.INTERFACEOPERATIONSFILTERA_ADD, EmptyState.ICON_TYPE.INTERFACEOPERATIONSFILTERA_REMOVE, EmptyState.ICON_TYPE.INTERFACEOPERATIONSFILTERV_ALTERNATE, EmptyState.ICON_TYPE.INTERFACEOPERATIONSFOLLOW, EmptyState.ICON_TYPE.INTERFACEOPERATIONSGROUP, EmptyState.ICON_TYPE.INTERFACEOPERATIONSGROUPA_REMOVE, EmptyState.ICON_TYPE.INTERFACEOPERATIONSGROUPV_ALTERNATE, EmptyState.ICON_TYPE.INTERFACEOPERATIONSHIDE, EmptyState.ICON_TYPE.INTERFACEOPERATIONSHIDE_OTHERS, EmptyState.ICON_TYPE.INTERFACEOPERATIONSHIGHLIGHT, EmptyState.ICON_TYPE.INTERFACEOPERATIONSIMPORT, EmptyState.ICON_TYPE.INTERFACEOPERATIONSMORE, EmptyState.ICON_TYPE.INTERFACEOPERATIONSPAUSE, EmptyState.ICON_TYPE.INTERFACEOPERATIONSPAUSE_ALTERNATEV_ALTERNATE, EmptyState.ICON_TYPE.INTERFACEOPERATIONSPIN, EmptyState.ICON_TYPE.INTERFACEOPERATIONSPLAY, EmptyState.ICON_TYPE.INTERFACEOPERATIONSPLAY_ALTERNATEV_ALTERNATE, EmptyState.ICON_TYPE.INTERFACEOPERATIONSREARRANGE, EmptyState.ICON_TYPE.INTERFACEOPERATIONSREDO, EmptyState.ICON_TYPE.INTERFACEOPERATIONSREFRESH, EmptyState.ICON_TYPE.INTERFACEOPERATIONSREMOVEV_ALTERNATE, EmptyState.ICON_TYPE.INTERFACEOPERATIONSREPLYA_REPLY, EmptyState.ICON_TYPE.INTERFACEOPERATIONSSEARCH, EmptyState.ICON_TYPE.INTERFACEOPERATIONSSEARCHV_ALTERNATE, EmptyState.ICON_TYPE.INTERFACEOPERATIONSSELECTION, EmptyState.ICON_TYPE.INTERFACEOPERATIONSSELECTIONV_ALTERNATE, EmptyState.ICON_TYPE.INTERFACEOPERATIONSSHARE, EmptyState.ICON_TYPE.INTERFACEOPERATIONSSHARE_LINK, EmptyState.ICON_TYPE.INTERFACEOPERATIONSSHOW, EmptyState.ICON_TYPE.INTERFACEOPERATIONSSKIP_BACK, EmptyState.ICON_TYPE.INTERFACEOPERATIONSSKIP_FORWARD, EmptyState.ICON_TYPE.INTERFACEOPERATIONSTAG, EmptyState.ICON_TYPE.INTERFACEOPERATIONSTRASH, EmptyState.ICON_TYPE.INTERFACEOPERATIONSTV_MODE, EmptyState.ICON_TYPE.INTERFACEOPERATIONSTV_MODEA_TV_MODE, EmptyState.ICON_TYPE.INTERFACEOPERATIONSUNDO, EmptyState.ICON_TYPE.INTERFACEOPERATIONSUNPIN, EmptyState.ICON_TYPE.INTERFACEOPERATIONSUPLOAD, EmptyState.ICON_TYPE.INTERFACEPLACEHOLDERSCUSTOM_PLACEHOLDER, EmptyState.ICON_TYPE.INTERFACEPLACEHOLDERSICON_PLACEHOLDER, EmptyState.ICON_TYPE.INTERFACESIGNASTERISK, EmptyState.ICON_TYPE.INTERFACESIGNCHECKMARK, EmptyState.ICON_TYPE.INTERFACESIGNCHECKMARKV_ALTERNATE, EmptyState.ICON_TYPE.INTERFACESIGNCHECKMARKV_ALTERNATEWEIGHT_BOLD, EmptyState.ICON_TYPE.INTERFACESIGNCLOSE, EmptyState.ICON_TYPE.INTERFACESIGNDOLLAR_SIGN, EmptyState.ICON_TYPE.INTERFACESIGNEXCLAMATION, EmptyState.ICON_TYPE.INTERFACESIGNEXCLAMATIONV_ALTERNATE, EmptyState.ICON_TYPE.INTERFACESIGNMINUS, EmptyState.ICON_TYPE.INTERFACESIGNMINUSV_ALTERNATE, EmptyState.ICON_TYPE.INTERFACESIGNNUMBER, EmptyState.ICON_TYPE.INTERFACESIGNPLUS, EmptyState.ICON_TYPE.INTERFACESIGNPLUSV_ALTERNATE, EmptyState.ICON_TYPE.INTERFACESIGNTIMES, EmptyState.ICON_TYPE.INTERFACESIGNTIMESSIZE_8, EmptyState.ICON_TYPE.INTERFACESIGNTIMESV_ALTERNATE, EmptyState.ICON_TYPE.INTERFACESTATECLOSED, EmptyState.ICON_TYPE.INTERFACESTATECRITICAL, EmptyState.ICON_TYPE.INTERFACESTATECRITICALWEIGHT_BOLD, EmptyState.ICON_TYPE.INTERFACESTATEDISABLED, EmptyState.ICON_TYPE.INTERFACESTATEENABLED, EmptyState.ICON_TYPE.INTERFACESTATEHEALTHY, EmptyState.ICON_TYPE.INTERFACESTATELOADING, EmptyState.ICON_TYPE.INTERFACESTATELOCK, EmptyState.ICON_TYPE.INTERFACESTATEOPEN, EmptyState.ICON_TYPE.INTERFACESTATEPRIVATE, EmptyState.ICON_TYPE.INTERFACESTATEPUBLIC, EmptyState.ICON_TYPE.INTERFACESTATEUNAVAILABLE, EmptyState.ICON_TYPE.INTERFACESTATEUNLOCK, EmptyState.ICON_TYPE.INTERFACESTATEWARNING, EmptyState.ICON_TYPE.INTERFACESTATEWARNINGWEIGHT_BOLD, EmptyState.ICON_TYPE.INTERFACEVIEWENTER_FULL_SCREEN, EmptyState.ICON_TYPE.INTERFACEVIEWEXIT_FULL_SCREEN, EmptyState.ICON_TYPE.INTERFACEVIEWGRID_VIEW, EmptyState.ICON_TYPE.INTERFACEVIEWHIGH_DENSITY_VIEW, EmptyState.ICON_TYPE.INTERFACEVIEWLAYER_LIST, EmptyState.ICON_TYPE.INTERFACEVIEWLIST_VIEW, EmptyState.ICON_TYPE.INTERFACEVIEWSIXTH_SENSE, EmptyState.ICON_TYPE.INTERFACEVIEWTHEME_TOGGLE, EmptyState.ICON_TYPE.INTERFACEVIEWTHEME_TOGGLES_DARK, EmptyState.ICON_TYPE.INTERFACEVIEWTHEME_TOGGLES_LIGHT, EmptyState.ICON_TYPE.LOCATIONLOCATIONHOME, EmptyState.ICON_TYPE.LOCATIONLOCATIONMAP, EmptyState.ICON_TYPE.LOCATIONLOCATIONPIN, EmptyState.ICON_TYPE.LOCATIONLOCATIONWORLD, EmptyState.ICON_TYPE.PROFILESEVENTSCOMMENT, EmptyState.ICON_TYPE.PROFILESEVENTSCOMMENTA_EDIT, EmptyState.ICON_TYPE.PROFILESEVENTSFAVORITE, EmptyState.ICON_TYPE.PROFILESEVENTSFAVORITEWEIGHT_BOLD, EmptyState.ICON_TYPE.PROFILESEVENTSLIKE, EmptyState.ICON_TYPE.PROFILESUSERSORGANIZATION, EmptyState.ICON_TYPE.PROFILESUSERSORGANIZATIONA_ADD, EmptyState.ICON_TYPE.PROFILESUSERSORGANIZATIONA_EDIT, EmptyState.ICON_TYPE.PROFILESUSERSORGANIZATIONA_REMOVE, EmptyState.ICON_TYPE.PROFILESUSERSTEAM, EmptyState.ICON_TYPE.PROFILESUSERSTEAMA_ADD, EmptyState.ICON_TYPE.PROFILESUSERSTEAMA_EDIT, EmptyState.ICON_TYPE.PROFILESUSERSTEAMA_REMOVE, EmptyState.ICON_TYPE.PROFILESUSERSUSER, EmptyState.ICON_TYPE.PROFILESUSERSUSERA_ADD, EmptyState.ICON_TYPE.PROFILESUSERSUSERA_EDIT, EmptyState.ICON_TYPE.PROFILESUSERSUSER__A_REMOVE,

>

style

object

Inline style for custom styling.Should be used only for positioning and spacing purposes.

testId

string

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.

title

string

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.

type

enum

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

    >
Copyright © 2024 New Relic Inc.
CareersTerms of ServiceDMCA PolicyPrivacy NoticeCookie PolicyUK Slavery Act

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.