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 Tab View (Tabs) 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 tabs 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 Tabs.

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 Tabs.

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 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.

Tab Image Position Top in .NET MAUI Tabs.

Top

The image will be placed above the text for all the tabs.

Tab Image Position Bottom in .NET MAUI Tabs.

Bottom

The image will be placed below the text for all the tabs.

Tab Image Position Left in .NET MAUI Tabs.

Left

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

Tab Image Position Right in .NET MAUI Tabs.

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


Selection Indicator Placement

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.

Tab Image Position Top in .NET MAUI Tabs.

Top

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

Tab Image Position Fill in .NET MAUI Tabs.

Fill

The selection indicator will fill the selected tab.

Tab Image Position Bottom in .NET MAUI Tabs.

Bottom

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


Tab Bar Placement

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.

Tab Bar Placement Top in .NET MAUI Tabs.

Top

Tabs will be placed above the content region of the .NET MAUI Tab View control.

Tab Bar Placement Bottom in .NET MAUI Tabs.

Bottom

Tabs will be placed below the content region of the .NET MAUI Tab View control.


Nested Tabs

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

Nested Tabs in .NET MAUI Tabs.


Color and Font Customization

Color and Font Customization in .NET MAUI Tabs.

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 Tabs.


Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion reduces customers’ development time.
Here are some of their experiences.

Rated by users across the globe

Syncfusion .NET MAUI Resources

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
Live Chat Icon For mobile