Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
64 changes: 55 additions & 9 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,60 @@
# Getting Started with the .NET MAUI Tab View
A quick-start project that helps you to integrate a Tab View control in a .NET MAUI application by adding the Syncfusion MAUI Tab View package from NuGet. This project contains simple code customizations, like how to add tabs items, populate the item source, and change the tab width mode, tab bar placement, and selection indicator placement.

Syncfusion .NET MAUI Tab View control documentation:
https://help.syncfusion.com/maui/tabview/getting-started

Check out these other MAUI Tab View examples on GitHub:
https://github.com/syncfusion/maui-demos/blob/master/MAUI/TabView/SampleBrowser.Maui.TabView/Samples/TabView/
The [.NET MAUI Tab View](https://www.syncfusion.com/maui-controls/maui-tab-view?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples) is a simple and intuitive interface for tab navigation in mobile and desktop applications, where users can explore and switch between different tabs. A quick-start project that helps you to integrate a Tab View control in a .NET MAUI application. This project contains simple code customizations, like how to add tabs items, populate the item source, and change the tab width mode, tab bar placement, and selection indicator placement.

## Project prerequisites
Make sure that you have the compatible versions of [Visual Studio 2022](https://visualstudio.microsoft.com/downloads/ ) with the Dot NET MAUI workload and [.NET Core SDK 7.0](https://dotnet.microsoft.com/en-us/download/dotnet/7.0) or later version in your machine before starting to work on this project.
Make sure that you have the compatible versions of [Visual Studio 2022](https://visualstudio.microsoft.com/downloads/) with the Dot NET MAUI workload and [.NET Core SDK 7.0](https://dotnet.microsoft.com/en-us/download/dotnet/7.0) or later version in your machine before starting to work on this project.

## How to run this application
To run this application, you need to first clone the `getting-started-with-the-.net-maui-tab-view` repository and then open it in Visual Studio 2022. Now, simply build and run your project to view the output.
To run this application, you need to first clone the `getting-started-with-the-.net-maui-tab-view` repository and then open it in Visual Studio 2022. Now, simply build and run your project to view the output.

## Features and Benefits

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

## Related Links

[Learn More about .NET MAUI Tab View](https://www.syncfusion.com/maui-controls/maui-tab-view?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples)

[Download Free Trial](https://www.syncfusion.com/downloads/maui?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples)

[Pricing](https://www.syncfusion.com/sales/teamlicense?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples)

[Documentation](https://help.syncfusion.com/maui/tabview/getting-started?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples)

[View Demos](https://github.com/SyncfusionExamples/getting-started-with-the-.net-maui-tab-view.git?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples)

[Community Forums](https://www.syncfusion.com/forums/maui?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples)

[Suggest a feature or report a bug](https://www.syncfusion.com/feedback/maui?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples)

[Online example](https://github.com/syncfusion/maui-demos/tree/master/MAUI/TabView?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples)

[Knowledge base](https://support.syncfusion.com/kb?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples)

## About Syncfusion .NET MAUI Controls
Syncfusion's [.NET MAUI UI Controls](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples) library is the only suite that you will ever need to build an application since it contains over 40 high-performance, lightweight, modular, and responsive UI controls in a single package. In addition to Tab View, we provide popular .NET MAUI Controls such as [DataGrid](https://www.syncfusion.com/maui-controls/maui-datagrid?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples), [Charts](https://www.syncfusion.com/maui-controls/maui-cartesian-charts?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples), [Scheduler](https://www.syncfusion.com/maui-controls/maui-scheduler?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples), [ListView](https://www.syncfusion.com/maui-controls/maui-listview?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples), and [Excel Library](https://www.syncfusion.com/document-processing/excel-framework/maui?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples).

## About Syncfusion
Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 29,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.

Today we provide 1800+ controls and frameworks for web ([Blazor](https://www.syncfusion.com/blazor-components?utm_medium=listing&utm_source=github&utm_campaign=maui-tab-view-github-samples), [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github&utm_campaign=maui-tab-view-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github&utm_campaign=maui-tab-view-github-samples), [ASP.NET Web Forms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_medium=listing&utm_source=github&utm_campaign=maui-tab-view-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github&utm_campaign=maui-tab-view-github-samples), [Angular](https://www.syncfusion.com/angular-components?utm_medium=listing&utm_source=github&utm_campaign=maui-tab-view-github-samples), [React](https://www.syncfusion.com/react-components?utm_medium=listing&utm_source=github&utm_campaign=maui-tab-view-github-samples), [Vue](https://www.syncfusion.com/vue-components?utm_medium=listing&utm_source=github&utm_campaign=maui-tab-view-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_medium=listing&utm_source=github&utm_campaign=maui-tab-view-github-samples)), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_medium=listing&utm_source=github&utm_campaign=maui-tab-view-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_medium=listing&utm_source=github&utm_campaign=maui-tab-view-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_medium=listing&utm_source=github&utm_campaign=maui-tab-view-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github&utm_campaign=maui-tab-view-github-samples), and [.NET MAUI](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples)), and desktop development ([Windows Forms](https://www.syncfusion.com/winforms-ui-controls?utm_medium=listing&utm_source=github&utm_campaign=maui-tab-view-github-samples), [WPF](https://www.syncfusion.com/wpf-controls?utm_medium=listing&utm_source=github&utm_campaign=maui-tab-view-github-samples), [WinUI](https://www.syncfusion.com/winui-controls?utm_medium=listing&utm_source=github&utm_campaign=maui-tab-view-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_medium=listing&utm_source=github&utm_campaign=maui-tab-view-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_medium=listing&utm_source=github&utm_campaign=maui-tab-view-github-samples), and [.NET MAUI](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples)). We provide ready-to-deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.

<hr style="height:0.3px;border:none;color:lightgrey;background-color:lightgrey;" />

<p align="center">
<a href="mailto:sales@syncfusion.com?Subject=Syncfusion .NET MAUI Tab View - GitHub" target="_top">sales@syncfusion.com</a> | <a href="https://www.syncfusion.com?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples">www.syncfusion.com</a> | Toll Free: 1-888-9 DOTNET <br>
</p>