Webmail

Manage folders, messages, and compose flows in an Outlook-style webmail experience in the browser. Built with TreeView, ListView, Splitter, and Sidebar for a complete email client.

Components used

• TreeView — Renders the mail folder tree (Inbox, Sent Items, Drafts, Deleted Items, Archive, custom folders, and favorites) with per-folder unread counts, subfolder CRUD, and a context menu for rename, delete, and favorite actions.
• ListView — Displays the message list for the selected folder with custom item template, read/unread styling, flag indicator, hover delete/mark-read/flag actions, and a filter context menu for All, Unread, Flagged, and sort order.
• Splitter — Divides the workspace into a resizable list pane and reading pane on tablet and desktop, and stacks the panes on mobile for focused reading.
• Accordion — Hosts the message header in the reading pane, showing the sender avatar, name, email, date, CC line, and collapsible message body.
• Sidebar — Provides the persistent folder rail that pushes content on desktop and overlays the workspace on mobile/tablet, with a second right-side panel for notifications, settings, profile, and help.
• Dialog — Shows modal confirmations for favorite removal, folder delete, mail sent confirmation, and discard message.

See how Webmail uses Syncfusion UI components to support Collaboration & Communication.