EmptyState
Estado vazio centralizado com ícone, título e descrição, usado quando uma lista/seção não tem dados ou após uma busca sem resultados.
v1.0.0feedback
Preview
Nenhum documento encontrado
Ajuste os filtros para ver resultados.
Variações
Info
Nenhum documento encontrado
Ajuste os filtros para ver resultados.
Success
Nenhum documento encontrado
Ajuste os filtros para ver resultados.
Warning
Nenhum documento encontrado
Ajuste os filtros para ver resultados.
Error
Nenhum documento encontrado
Ajuste os filtros para ver resultados.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| icon | 'warning' | 'success' | 'info' | 'error' | 'info' | Ícone semântico exibido no topo. |
| title* | string | — | Título principal do estado vazio. |
| description | string | — | Texto de apoio que explica o estado ou sugere próximos passos. |
| action | React.ReactNode | — | Elemento de ação (ex.: Button) renderizado abaixo da descrição. |
Código
Telas que usam
Histórico
- v1.0.026 de jun. de 2026Catalogado no Storybook do DS.PRJ-000