Blazor Sidebar Example - Default Functionalities
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
- Albert Lives Business dinner invitation Looking forward to seeing you at our business dinner this Friday.
- Ila Russo Opening for Sales Manager We have a position that matches your expertise - details attached.
- Garth Owen Application for Sales Manager Your application has been received and is under review.
- Ursula Patterson Software Programmer Application Thanks for your interest in joining our development team.
- Nichole Rivas Annual Conference Your registration is confirmed for next month's event.
This sample demonstrates default Sidebar functionalities. Click the hamburger menu icon to expand/collapse the Sidebar. Click TreeView nodes to view corresponding folder mail details.
The Blazor Sidebar is an expandable and collapsible component that acts as a side container for primary or secondary content. Key features include:
- Flexible show/hide based on user interactions
- Support for diverse HTML content and components
- Ideal for quick references, menus, lists, and tree views
- Easy navigation and quick access
This demo displays the Sidebar populated with webmail folder structure.