Inbox
v1.0.34Updated 20 Oct 2026Inbox / messaging page — three-pane, email client, chat messenger, unified and support-ticket layouts. Full-page copy-paste template; baked-in demo content (edit the JSX to customise).
Preview
Live · 18 stories▸Why this is recommendedinboxmessagesemailchat+4
Inbox — three pane.
- ✓Inbox / messaging screens
- ✓Support apps
- i18n: a labels prop overrides every built-in string; English defaults, brand-free copy
- Three-pane, email-client, chat-messenger, unified and split-reading layouts
- Support-tickets / conversation variants
- Self-contained — no required props
- ✕Public marketing pages
Install
Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.
Usage
Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.
Props
classNameOptional wrapper class override (copy-paste block, baked-in content)
—threadsInboxThreePane and InboxEmailClient only: the threads to show; defaults to the built-in demo mailbox.
—threadsByTabInboxTabbed only: the threads in each tab, as Record<"primary" | "updates" | "spam", InboxThread[]>; defaults to the built-in demo mailbox.
—labelsOverride every built-in string and aria-label (i18n). Merged over DEFAULT_INBOX_LABELS (106 English keys); every template in the file accepts it. The rendered DEFAULTS are English — page templates used to hardcode their copy, which no consumer could translate or ship. MCP feedback fb_ba2ec12f.
—