Empty State

Display

Centered placeholder with icon, title, description and action button.

Empty State — placeholder with icon, title, description and action

No results found

Try adjusting your search filters or add new items to see them here.

Instalação via CLI

$ npx kikitocn add empty-state

Exemplo de uso

Empty StateExample.tsx

import { EmptyState } from "@/components/ui/cn/empty-state/EmptyState";

export function EmptyStateExample() {
  return (
    <EmptyState />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`icon`	`React.ReactNode`	—	Ícone ou ilustração
`title*`	`string`	—	Título do estado vazio
`description`	`string`	—	Descrição opcional
`action`	`React.ReactNode`	—	Botão ou link de ação
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Tamanho do componente
`className`	`string`	—	Classes CSS extras

Carregando…