Empty State
FeedbackIllustration + heading + call-to-action for empty data views.
Empty StateFeedback · Web
Loading Storybook preview…
Installation
bun add @otfdashkit/ui
Usage
Import EmptyState from @otfdashkit/ui.
Code
// Empty State — Illustration + heading + call-to-action for empty data views.
//
// Install:
// bun add @otfdashkit/ui
import { EmptyState } from '@otfdashkit/ui'
export function Example() {
return (
<EmptyState>
{/* your content */}
</EmptyState>
)
}Props
Props declared in the EmptyState source. Inherited HTML attributes are not listed.
| Prop | Type | Default | Description |
|---|---|---|---|
| titlerequired | string | ||
| action | { label: string; onClick: () => void; } | ||
| className | string | ||
| description | string | ||
| icon | ReactNode | ||
| secondaryAction | { label: string; onClick: () => void; } | ||
| size | 'sm' | 'default' | 'lg' | 'default' |