Empty State
An empty state for trading and fintech dashboards: a quiet dotted field with one line of copy and one call to action.
Empty State
An empty state for trading and fintech dashboards: a quiet dotted field with one line of copy and one call to action.
When to use it
The first thing a new user sees in a feature they have not used yet, so it should explain and offer exactly one action. Use it anywhere a table or list could legitimately be empty on day one.
Props · EmptyState
| Prop | Type | Default |
|---|---|---|
| icon? | ReactNode | EnvelopeGlyph |
| title? | string | "No emails sent yet" |
| hint? | string | "your first send appears here in real ti |
| action? | string | null | "Send a test email" |
| onAction? | () => void className?: string | · |
Generated from the component source. Run npm run props:extract after changing a signature.