Vide

Espace réservé affiché en l'absence de données.

Utilisation de base

Utilisation de base

Aucune donnée

Description personnalisée

import { LhEmpty, LhButton } from '@lh-ui/react'

export default function Demo() {
  return (
    <LhEmpty
      description="Description personnalisée"
      actions={<LhButton type="primary">Recharger</LhButton>}
    />
  )
}

Empty Props

Prop	Description	Type	Options	Valeur par défaut
description	Texte de description (en son absence, valeur du pack de langue empty.description)	ReactNode	—	'暂无数据'
image	URL d'image personnalisée	string	—	—
actions	Zone d'actions	ReactNode	—	—
sx	Raccourci de mise en page	SxProps	—	—

Image personnalisée

La prop image comme un nœud children passent tous deux par le conteneur d'image personnalisée (le modificateur --custom contraint max-width: 160px / max-height: 120px) ; en l'absence des deux, l'illustration intégrée à l'encre de Chine est rendue (colorée par les variables de thème, auto-adaptative en mode clair / sombre).

Accessibilité

L'élément racine possède role="status" (annonce discrète) ; l'illustration par défaut est aria-hidden afin de ne pas perturber les lecteurs d'écran.

Styles

import '@lh-ui/react/style/empty'