Vertical navigation menu with expandable sections, badges, and active state indicators. Perfect for contextual navigation within a specific section or module.
Use page navigation for secondary navigation within a specific section or module of your application.
Navigate within a specific module or section of the application.
Organize navigation items with expandable parent-child relationships.
Provide navigation for settings, preferences, or configuration screens.
Page navigation includes powerful features for organizing content.
Simple navigation items for direct links
Parent items with collapsible children
Material Symbols icons for visual identification
Show counts or status indicators on items
Clear visual indication of current page
Different ways to configure page navigation.
All single-level items without expansion
Combination of single and expandable items
Follow these guidelines when using page navigation.
Typical use cases for page navigation.
Navigate between different settings categories (Account, Security, Notifications, etc.)
Organize admin tools and features into logical sections
Structure documentation topics with parent categories and child pages
Navigate between different views or reports within a dashboard module
Page navigation is designed to be accessible to all users.
Design and development resources for the Page Navigation component.