EmailThreeColumn
v1.0.11Updated 27 Aug 2026Classic three-column email layout: folders pane, message-list pane, reading pane. Resizable panels.
Preview
Live · 13 storiesDefaultOpen ↗
▸Why this is recommendedemailmailinboxthree-column+2
The default, out-of-the-box EmailThreeColumn.
Recommended for+14
- ✓Inbox-style email clients
- ✓Support ticket inbox
- ✓Notification mailbox
Tags+6
emailmailinboxthree-columnreading-panedefault
Features+4
- Folders / labels pane
- Message list with sender + subject + preview + time
- Reading pane with full body
- Resizable panels (react-resizable-panels)
- Selection moves through list
- Unread / starred / important indicators
- Reply / forward action bar
- i18n (FB-18): uiLabels prop overrides every built-in string (chrome, placeholders, aria-labels, snooze menu, keyboard hints, compose dialog)
Not recommended for−2
- ✕Single thread (just render message body)
- ✕Chat (use Chat)
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
PropTypeRequired
foldersFolder list
yesmessagesMessages in active folder
yesselectedIdCurrently open message id
—uiLabelsOverride any built-in UI string (i18n); named uiLabels because labels is already the sidebar label-rows data prop
—