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. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

The advanced .NET Multi-platform App UI (MAUI) Tab View is a simple and intuitive interface for tab navigation in mobile and desktop applications, where users can explore and switch between different tabs.


Tab Width Mode

The .NET MAUI Tab View provides two options that determine how the width of the tab is calculated on the tab bar when it is populated. The options are default and size to content.

Tab Width Mode Default in .NET MAUI Tab View.

Default

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.

Tab Width Mode Size to fit in .NET MAUI Tab View.

Size to content

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.


Tab Image Position

The .NET MAUI Tab View provides four options that determine how the image of the tab aligns relative to the text. The options are top, bottom, left and right.

Tab Image Position Top in .NET MAUI Tab View.

Top

The image will be placed above the text.

Tab Image Position Bottom in .NET MAUI Tab View.

Bottom

The image will be placed below the text.

Tab Image Position Left in .NET MAUI Tab View.

Left

The image will be placed at the left side of the text.

Tab Image Position Right in .NET MAUI Tab View.

The image will be placed at the right side of the text.


Selection Indicator Placement

The .NET MAUI Tab View provides three options that determine how selection indicator aligns relative to the tab header item. The options are top, bottom, and fill.

Tab Image Position Top in .NET MAUI Tab View.

Top

The selection indicator will be placed at the top of the selected tab.

Tab Image Position Fill in .NET MAUI Tab View.

Fill

The selection indicator will fill the selected tab.

Tab Image Position Bottom in .NET MAUI Tab View.

Bottom

The selection indicator will be placed at the bottom of the selected tab.


Tab Bar Placement

The .NET MAUI Tab View provides two options that determine how the tab bar aligns relative to the tab content. The options are top and bottom.

Tab Bar Placement Top in .NET MAUI Tab View.

Top

Tab bar will be placed above the content region of the Tab View control.

Tab Bar Placement Bottom in .NET MAUI Tab View.

Bottom

Tab bar will be placed below the content region of the Tab View control.


Nested Tabs

A tab view can be configured in another tab view using the items property.

Nested Tabs in .NET MAUI Tab View.


Color and Font Customization

Color and Font Customization in .NET MAUI Tab View.

All fonts and its colors can be customized with simple APIs.


Visual State Manager

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.

Visual State Manager support in .NET MAUI Tab View


Syncfusion .NET MAUI Resoures

Awards

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.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile