Vacío

Marcador de posición para los estados vacíos.

Uso básico

Uso básico

Sin datos

Descripción personalizada

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

export default function Demo() {
  return (
    <LhEmpty
      description="Descripción personalizada"
      actions={<LhButton type="primary">Recargar</LhButton>}
    />
  )
}

Empty Props

Prop	Descripción	Tipo	Valores permitidos	Predeterminado
description	Texto descriptivo (si no se pasa, toma del paquete de idioma empty.description)	ReactNode	—	'暂无数据'
image	URL de una imagen personalizada	string	—	—
actions	Zona de acciones	ReactNode	—	—
sx	Props rápidas de layout	SxProps	—	—

Imagen personalizada

Tanto la prop image como un nodo children pasan por el contenedor de imagen personalizada (el modificador --custom la limita a max-width: 160px / max-height: 120px); si no se pasa ninguna de las dos, se renderiza la ilustración vectorial integrada de tinta china (coloreada con variables de tema y adaptable a los modos claro y oscuro).

Accesibilidad

El elemento raíz es role="status" (anuncio suave); la ilustración por defecto lleva aria-hidden y no interfiere con el lector de pantalla.

Estilos

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