Пустое состояние

EmptyState показывает необязательную декоративную иконку, заголовок, описание и до двух действий по центру. Иконка по умолчанию скрыта от accessibility tree, уровень заголовка задаётся через titleAs, а варианты default/compact регулируют плотность контейнера.

Пример

Интерактивный пример

Ничего не найдено

Попробуйте изменить условия поиска.

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

Импортируйте компонент из публичной точки входа пакета.

import { Button, EmptyState } from "denjs-ui";
import { Search, Plus } from "lucide-react";

export function Example() {
  return (
    <EmptyState
      icon={<Search aria-hidden="true" />}
      title="Nothing found"
      description="Try a different search term."
      primaryAction={<Button size="sm" leftIcon={<Plus />}>Create space</Button>}
    />
  );
}