Пусто

Плейсхолдер, отображаемый при отсутствии данных.

Базовое использование

Базовое использование

Нет данных

Свой текст описания

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

export default function Demo() {
  return (
    <LhEmpty
      description="Пользовательское описание"
      actions={<LhButton type="primary">Загрузить снова</LhButton>}
    />
  )
}

Props компонента Empty

Проп	Описание	Тип	Допустимые значения	По умолчанию
description	Текст описания (если не задано, берётся из языкового пакета empty.description)	ReactNode	—	'暂无数据'
image	URL пользовательского изображения	string	—	—
actions	Область действий	ReactNode	—	—
sx	Сокращение для макета	SxProps	—	—

Пользовательское изображение

Заданный prop image или узел children выводятся в контейнере пользовательского изображения (модификатор --custom ограничивает max-width: 160px / max-height: 120px); если ничего не задано, выводится встроенная inline-иллюстрация в стиле тушь (水墨) (раскраска через переменные темы, автоматическая адаптация к светлому и тёмному режимам).

Доступность

Корневой элемент имеет role="status" (мягкое объявление); стандартная иллюстрация скрыта через aria-hidden и не мешает скринридеру.

Стили

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