Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

.NET MAUI maui tab view

Overview

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.

.NET MAUI Tab View Code Example

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>

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 width of the tab bar.

Tab image position

The .NET MAUI Tab View 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 on the left side of the text for all the tabs.

Tab image position right in .NET MAUI Tabs.

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

Selection indicator placement

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

Selection indicator placement top in .NET MAUI Tabs.

Top

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

Selection indicator placement fill in .NET MAUI Tabs.

Fill

The selection indicator will fill the selected tab.

Selection indicator placement Bottom in .NET MAUI Tabs.

Bottom

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

Header Display Mode

The .NET MAUI Tabs control offers three options for displaying the header of each tab item: Default, Image, and Text.

Tab Header Display Mode Default in .NET MAUI Tab View.

Default

Displays both the text and image on each tab item.

Tab Header Display Mode Image in .NET MAUI Tab View.

Image

Displays only the image on each tab item.

Tab Header Display Mode Text in .NET MAUI Tab View.

Text

Displays only the text on each tab item.

Tab bar placement

The .NET MAUI Tab View 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.

Swipe gesture

The .NET MAUI Tab View control provides the swiping feature to navigate between the tab contents.

Enabled swiping in .NET MAUI Tab View.

Selection indicator corner radius

The .NET MAUI Tab View control allows customization of the corner radius of the selection indicator.

Selection indicator corner radius in .NET MAUI Tab View.

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 in .NET MAUI Tabs.

Color and font customization

All fonts can be customized with simple APIs. Change the text color, size, font family, and font style, including adding bold or italics.

Visual state manager

Use the visual state manager to make changes to .NET MAUI tab item properties based on the visual states. The applicable visual states are selected, normal, disable, and more.

Visual state manager support in .NET MAUI Tabs.

Scroll mode in .NET MAUI Tabs

Scroll mode

Scroll buttons in the tab view header facilitate navigation using items, and indicate the presence of tabs beyond the currently visible area.

Struggling to decide on the right product?

Our comprehensive competitor comparison of .NET MAUI controls will guide you to the perfect choice.

tick-mark 95+ UI controls
tick-mark 200+ interactive .NET MAUI demos
tick-mark 1.7M+ downloads
Explore Complete .NET MAUI Comparison

Frequently Asked Questions

The Syncfusion .NET MAUI Tab View control supports the following features:

  • Tab View offers a simple and intuitive interface for tab navigation in mobile and desktop applications, allowing users to easily explore and switch between different tabs.
  • It offers nested tabs with various header placements.
  • It provides tab customization options, including different fonts and sizes.
  • One of the best .NET MAUI Tab Views in the market, offering a feature-rich UI to interact with the software.

  • Simple configuration and APIs.

  • Mobile-touch friendly.

  • Extensive demos, documentation, and videos to let you get started quickly with the .NET MAUI Tab View.

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 US $1 million 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.

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.
double-quotes-image
Using the MAUI Components to improve the quality of our software offerings
The ease of use and documentation to get us going. Our customer have also given us good feedback on the components.
customer-image
Philip D,
Operations Director, Small-Business
rating-image
double-quotes-image
Migration Xamarin to MAUI
Clarity with MAUI upgrade and completeness as related to Xamarin as the predecessor.
customer-image
Edward J R,
President, Small-Business
rating-image

See Real Success Stories

Developers around the world trust Syncfusion’s Essential Studio to simplify complex projects and speed up delivery. With a vast library of UI controls, powerful SDKs, and reliable support, Essential Studio helps teams build enterprise-ready applications with confidence.

Explore Case Studies

Industry

Software development

75%Cost reduction

50%Faster development

Customer review

“If somebody is looking for a great tool to work with? Yes. I would definitely recommend Syncfusion for anyone who is trying to develop something meaningful.”

- Somnath Maji (Founder of Igniatek Consultancy)

Read Story

Industry

Utilities (oil and gas)

450+ hours saved

450+hours saved

Streamlined processes and hours of development effort saved.

Flexible features

Advanced, flexible features

Empowered users through robust and versatile functionality.

Customer review

“Syncfusion’s tools have taken care of many things so I can focus on developing the application, instead of developing tools for the application.”

- James Athyal (Software developer, McDaniel & Associates Consultants Ltd)

Read Story

Industry

Software and technology

Time saving

1000+of hours saved

Accelerated development with enterprise-ready UI components.

File management

Efficient file management

Streamlined workflows with document libraries without building them from scratch.

Customer review

“We really love when the magic happens.”

- Irvin Dominin (BUILDER WEB Development Manager at Sistemi)

Read Story

Industry

Software and technology

Time saving

2 Yearsof delay avoided

Two years of delays prevented with proactive planning.

On-time delivery

On-time delivery

Projects delivered on schedule using trusted controls.

Customer review

“We are Syncfusion fans because of the way Syncfusion treats the support.”

- Dr. Howard Rybko (CEO of Synchrony Digital)

Read Story

Industry

IT services and IT consulting

Improved performance

Improved performance

Large datasets handled with easy customization and quick debugging.

Highly customizable

Highly customizable

Plug-and-play controls with quick template integration.

Customer review

“I will surely recommend Syncfusion to others as a third-party control because I think it’s very easily customizable.”

- Jayesh (Technical Team Lead, Capita)

Read Story

Industry

Professional services

Instant access

Instant access

Quick availability of features and resources.

Reduced dependencies

Reduced dependencies

Fewer dependencies for faster development.

Customer review

“We definitely wanted Syncfusion to help us with our document processing functionality, and we were happy with and satisfied with Syncfusion.”

- Arvind Naik (Engineering Lead, Vialto Partners)

Read Story


Rated by users across the globe

Syncfusion .NET MAUI Tab View Resources
Learning
.NET MAUI Tab View documentation. Documentation
Knowledge base for .NET MAUI Tab View. Knowledge base
Technical support
Create support tickets for .NET MAUI Tab View. Contact support
Create feedback for .NET MAUI Tab View. Features & Bugs
UI Kits
Download Sketch UI for .NET MAUI Tab View. Sketch download
Download the .NET MAUI Tab View Adobe XD plugin. Adobe XD download
Download the .NET MAUI Tab View UI Kit. .NET MAUI UI Kit

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