We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
The advanced .NET Multi-platform App UI Tab View (.NET MAUI Tabs) is a simple, intuitive interface for tab navigation in mobile and desktop applications that lets users switch between different tabs.
Easily get started with the .NET MAUI Tab View using a few simple lines of XAML code example as demonstrated below. Also, explore our .NET MAUI Tab View Example that shows you how to render and configure the .NET MAUI Tab View.
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="TabViewMauiSample.MainPage"
xmlns:tabView="clr-namespace:Syncfusion.Maui.TabView;assembly=Syncfusion.Maui.TabView"
BackgroundColor="{DynamicResource PageBackgroundColor}">
<ContentPage.Content>
<tabView:SfTabView />
</ContentPage.Content>
</ContentPage>The .NET MAUI Tab View provides two options that determine how the width of the tabs is calculated on the tab bar when it is populated. The options are default and size to content.
The width of all the tabs will be equally divided based on the actual width of the tab bar. This enables a fixed tab bar that does not allow tab scrolling.
Set the width of a tab to fit the text or image it contains. This enables tab scrolling when the arrangement of the tabs and their widths exceed the tab bar’s width.
The .NET MAUI Tabs control provides four options that determine how the image of the tab aligns relative to the text. The options are top, bottom, left and right.
The image will be placed at the right side of the text for all the tabs.
The .NET MAUI Tabs control provides three options that determine how selection indicator aligns relative to the tab header item. The options are top, bottom, and fill.
The selection indicator will be placed at the top of the selected tab.
The selection indicator will fill the selected tab.
The selection indicator will be placed at the bottom of the selected tab.
The .NET MAUI Tabs control provides two options that determine how the tab bar aligns relative to the tab content. The options are top and bottom.
Tabs will be placed above the content region of the .NET MAUI Tab View control.
Tabs will be placed below the content region of the .NET MAUI Tab View control.
A tab view can be configured in another tab view using the items property.
All fonts can be customized with simple APIs. Change the text color, size, font family, and font style, including adding bold or italics.
Use the visual state manager to make changes to the .NET MAUI tab item properties based on the visual states set from code. The applicable visual states are selected, normal, and disable.
Scroll buttons in its header, facilitating navigation through items and indicating the presence of tabs beyond the currently visible area.
60+ UI controls
200+ interactive .NET MAUI demos
843K+ downloads
The Syncfusion .NET MAUI Tab View control supports the following features:
You can find our .NET MAUI Tab View demo, which demonstrates how to render and configure the Tab View.
No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.
A good place to start would be our comprehensive getting started documentation.
Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.
