New to Telerik UI for Blazor? Download Free 30-day trial
TabStrip - Tab Overflow
- EXAMPLE
- VIEW SOURCE
- EDIT IN TELERIK REPL
- Change Theme
default
Use the slider below to resize the TabStrip and observe the behavior of tabs as they move into the overflow menu.
- Overview
- Users
- Roles
- Audit
- Billing
- Invoices
- Plans
- Integrations
- API Keys
- Webhooks
- Notifications
- Emails
- Security
- SSO
- Permissions
- Data Export
- Data Import
- Backups
- Compliance
- Logs
- Support
- Branding
- Localization
- Developer
- About
Overview
A high-level summary of workspace activity and system health.
- Tab-overflow.razor
Description
The Telerik UI for Blazor TabStrip handles large numbers of tabs with a built-in overflow menu. When the available width cannot accommodate all tabs, extra tabs are automatically collapsed into a More overflow button on the right side of the tab strip.
Enable the overflow menu by setting OverflowMode="TabStripOverflowMode.Menu" on the TelerikTabStrip. The component detects available width in real time, so overflow recalculates automatically as the container is resized — no extra configuration required.
Clicking the overflow button opens a dropdown listing all hidden tabs. Selecting an item from the list activates that tab in the strip.