EmptyState
stablePlaceholder for empty, pending, or error states with action slot
import { EmptyState } from "@nodus/design-system"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "empty" | "pending" | "error" | "empty" | State variant |
title | string | — | Custom title text (defaults to variant name) |
description | string | — | Descriptive text below title |
action | ReactNode | — | Action element (e.g., button) |
compact | boolean | false | Compact padding |
variantType
"empty" | "pending" | "error"Default "empty"State variant
titleType
stringDefault —Custom title text (defaults to variant name)
descriptionType
stringDefault —Descriptive text below title
actionType
ReactNodeDefault —Action element (e.g., button)
compactType
booleanDefault falseCompact padding
MobileWorks As-Is
Illustration and text stack vertically by default. Works across all viewports.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?