The TabPanel enables content organization at a high level, such as switching between views, data sets, or functional aspects of an application. Tabs are presented as a single row above their associated content, and tab headers succinctly describe the content within the cell.
Switch Between Content Views
- Auto-refreshing when switching tabs
- Add tabs programmatically
- Detachable panels
- WAI-ARIA accessibility
- Right-to-left orientation
The Ribbon sample extends TabPanel to create a familiar, intuitive navigation experience for users. The tab pages contain groups of components arranged in rows and columns. Components in the groups use Material Icons, and have tooltips created automatically based on the aria-label attribute assigned to each component.