Пусто

Заполнитель при отсутствии данных. Контейнер имеет role="status": при появлении пустого состояния программа чтения с экрана автоматически его озвучивает.

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

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

Нет данных

<script setup lang="ts">
</script>

<template>
  <LhEmpty />
</template>

<script>
export default {}
</script>

<template>
  <LhEmpty />
</template>

Пользовательское описание

Пользовательское описание

Результаты поиска отсутствуют

<script setup lang="ts">
</script>

<template>
  <LhEmpty description="Результаты поиска отсутствуют" />
</template>

<script>
export default {}
</script>

<template>
  <LhEmpty description="Результаты поиска отсутствуют" />
</template>

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

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

Заказов пока нет

<script setup lang="ts">
</script>

<template>
  <LhEmpty image="/logo.svg" description="Заказов пока нет" />
</template>

<script>
export default {}
</script>

<template>
  <LhEmpty image="/logo.svg" description="Заказов пока нет" />
</template>

С действиями

С действиями

Вы ещё ничего не добавили в избранное

<script setup lang="ts">
</script>

<template>
  <LhEmpty description="Вы ещё ничего не добавили в избранное">
    <template #actions>
      <LhButton type="primary" size="small">Перейти к обзору</LhButton>
      <LhButton size="small">Обновить</LhButton>
    </template>
  </LhEmpty>
</template>

<script>
export default {}
</script>

<template>
  <LhEmpty description="Вы ещё ничего не добавили в избранное">
    <template #actions>
      <LhButton type="primary" size="small">Перейти к обзору</LhButton>
      <LhButton size="small">Обновить</LhButton>
    </template>
  </LhEmpty>
</template>

Empty API

Props

Свойство	Описание	Тип	По умолчанию
description	Текст описания (если не передан, берётся empty.description из языкового пакета)	string	—
image	URL пользовательского изображения (замещает стандартную встроенную иллюстрацию)	string	—
sx	Свойство быстрой компоновки sx	LhSxProps	—

Slots

Слот	Описание	Содержимое по умолчанию
default	Пользовательская визуальная область (замещает иллюстрацию)	Стандартная иллюстрация в стиле тушь
description	Пользовательское описание	empty.description из языкового пакета
actions	Область действий	—

Доступность

• Контейнер role="status": пустое состояние озвучивается автоматически при появлении
• Декоративное изображение с alt="" скрыто от программы чтения с экрана; семантику несёт текст описания

Типы

Структура открытых TypeScript-типов этого компонента (автоматически извлечено из packages/components/empty/src/types.ts и исходников @lh-ui/share/core/*; раскройте каждый пункт, чтобы увидеть полное определение; описания свойств — в таблице Props выше):

LhEmptyProps

export interface LhEmptyProps {
  /** Текст описания пустого состояния (если не передан, берётся empty.description из языкового пакета) */
  description?: string
  /** URL пользовательского изображения (замещает стандартную встроенную иллюстрацию) */
  image?: string
  /** Свойство быстрой компоновки sx */
  sx?: LhSxProps
}