C. Data & Tables

Inbox Layout

Three-pane inbox, conversation thread with composer, assignment sidebar, the empty inbox and a phone-sized list.

5 screensDesktop · Tablet · MobileLight · Dark

Write every screen of this block into your project — the source is then yours to edit.

bash

npx @wunderui/cli add data/inbox

01Three-pane inbox

Uses: AppFrame · ConversationItem · Avatar · Badge · TextareaField

components/blocks/data/inbox/01-three-pane.tsx

Uses: AppFrame · Avatar · Badge · TextareaField · Button

components/blocks/data/inbox/02-thread-composer.tsx

Uses: AppFrame · EmptyState · Segment · Button

components/blocks/data/inbox/04-empty-inbox.tsx

Uses: ConversationItem · Segment · Avatar

components/blocks/data/inbox/05-mobile-inbox.tsx