Carregando…Carregando…Carregando…Carregando…Centered placeholder with icon, title, description and action button.
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.
$ npx kikitocn add empty-state| 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 |
import { EmptyState } from "@/components/ui/cn/empty-state/EmptyState";
export function EmptyStateExample() {
return (
<EmptyState title="Título" size="sm" />
);
}