Carregando…Carregando…Carregando…Carregando…Centered placeholder with icon, title, description and action button.
$ npx kikitocn add empty-stateimport { EmptyState } from "@/components/ui/cn/empty-state/EmptyState";
export function EmptyStateExample() {
return (
<EmptyState title="Título" size="sm" />
);
}| 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 |
style | React.CSSProperties | — | Estilos inline extras |
With icon, description and action
No results found
Try adjusting your search filters or add new items to see them here.
sm · md · lg
Small
Compact variant.
Medium (default)
Standard variant.
Large
Roomy variant.