• /
  • EnglishEspañolFrançais日本語한국어Português
  • Se connecterDémarrer

Cette traduction automatique est fournie pour votre commodité.

En cas d'incohérence entre la version anglaise et la version traduite, la version anglaise prévaudra. Veuillez visiter cette page pour plus d'informations.

Créer un problème

EmptyState

Utilisez des états vides pour informer et fournir des instructions lorsque :

  • L'utilisateur interagit pour la première fois avec un produit ou une fonctionnalité sans encore de données. par exemple Après la création d'un nouvel élément.
  • Fournir un retour d'information à l'utilisateur en fonction d'une action. par exemple Utilisation des éléments de la barre de recherche ou de filtre.
  • Un dépannage est nécessaire. par exemple configuration ou autorisations.
  • Les données sont en cours de chargement.

Le composant d'état vide doit toujours être encapsulé dans un composant <Card> .

Usage

import { EmptyState } from 'nr1'

Exemples

Défaut

<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,
  }}
/>

Erreur

<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 }}
/>

Chargement

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

Centre dans un conteneur

<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>

Accessoires

action

forme

Vous pouvez spécifier une action pour fournir à l'utilisateur des étapes concrètes à suivre pour éviter de le conduire dans une impasse.

forme

ariaLabel

chaîne

label

OBLIGATOIRE
chaîne

onClick

Fonction
Rappel déclenché à chaque fois que l'utilisateur clique sur le bouton.

function (
event: React.MouseEvent
)

to

forme|chaîne

Objet d'emplacement ou chaîne d'URL vers laquelle créer un lien.

forme

pathname
OBLIGATOIRE
chaîne

search

chaîne

hash

chaîne

type

énum.

<One of

EmptyState.ACTION_TYPE.NORMALEmptyState.ACTION_TYPE.PRIMARY

>

additionalInfoLink

forme

Les informations présentées dans le titre et la description peuvent être complétées/étendues par un lien. Ce lien ne doit être utilisé que pour fournir des informations contextuelles et non comme une action.

forme

ariaLabel

chaîne

label

OBLIGATOIRE
chaîne

onClick

Fonction
Rappel déclenché à chaque fois que l'utilisateur clique sur le lien.

function (
event: React.MouseEvent
)

to

forme|chaîne

Objet d'emplacement ou chaîne d'URL vers laquelle créer un lien.

forme

pathname
OBLIGATOIRE
chaîne

search

chaîne

hash

chaîne

className

chaîne

Ajoute les noms de classe au composant. Doit être utilisé uniquement à des fins de positionnement et d'espacement.

description

chaîne

Doit être utilisé pour expliquer pourquoi l'espace est vide et comment le remplir.Remarque : les accessoires title et description sont facultatifs, mais au moins l'un d'entre eux doit être fourni.

fullHeight

booléen

Étend l'état vide pour occuper toute la hauteur disponible.

fullWidth

booléen

Étend l'état vide pour occuper toute la largeur disponible.

iconType

énum.

Vous pouvez spécifier une icône qui correspond à la 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

objet

Style en ligne pour un style personnalisé. Doit être utilisé uniquement à des fins de positionnement et d'espacement.

testId

chaîne

Ajoute un attribut data-test-id. Utilisez-le pour cibler le composant dans les tests unitaires et E2E. Pour qu'un identifiant de test soit valide, préfixez-le avec votre identifiant nerdpack, suivi d'un point. Par exemple, my-nerdpack.some-element.Remarque : vous ne verrez peut-être pas l'attribut data-test-id car ils sont supprimés du DOM. Pour les déboguer, transmettez un paramètre de requête e2e-test à l'URL.

title

chaîne

Titre de l'état vide. Il informe et donne une explication concise de la raison pour laquelle l'espace est vide.Remarque : les accessoires title et description sont facultatifs, mais au moins l'un d'entre eux doit être fourni.

type

énum.

Le type peut être :

  • Normal (par défaut) — utilisez-le lorsque c'est la première fois que l'utilisateur interagit avec un produit/une fonctionnalité sans encore de données ou pour fournir des commentaires après une action de l'utilisateur.

  • Erreur — utilisez-le pour afficher les problèmes système ou lorsqu'une configuration est nécessaire.

  • Chargement — utilisez-le pour indiquer que les données sont en cours de récupération ou de chargement.

    <One of

    EmptyState.TYPE.ERROR, EmptyState.TYPE.LOADING, EmptyState.TYPE.NORMAL

    >
Droits d'auteur © 2025 New Relic Inc.
RecrutementConditions de servicePolitique DMCAAvis de confidentialitéCookiesLoi britannique sur l'esclavage

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