{"id":23061137,"url":"https://github.com/syncfusionexamples/maui-tabview-samples","last_synced_at":"2026-04-04T04:33:19.005Z","repository":{"id":43678479,"uuid":"412027952","full_name":"SyncfusionExamples/maui-tabview-samples","owner":"SyncfusionExamples","description":"This repository contains examples for the SfTabView control in .NET MAUI (Multi-platform App UI) applications.","archived":false,"fork":false,"pushed_at":"2025-04-14T15:59:56.000Z","size":620,"stargazers_count":1,"open_issues_count":1,"forks_count":2,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-04-14T16:52:05.954Z","etag":null,"topics":["maui","maui-tabview","tabview","tabview-controller","tabview-examples"],"latest_commit_sha":null,"homepage":"","language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SyncfusionExamples.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-09-30T10:55:51.000Z","updated_at":"2024-08-21T06:12:35.000Z","dependencies_parsed_at":"2023-11-08T12:30:05.427Z","dependency_job_id":"d5f4d42f-fb56-4061-916c-f0ac03f5cc07","html_url":"https://github.com/SyncfusionExamples/maui-tabview-samples","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/SyncfusionExamples/maui-tabview-samples","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2Fmaui-tabview-samples","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2Fmaui-tabview-samples/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2Fmaui-tabview-samples/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2Fmaui-tabview-samples/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SyncfusionExamples","download_url":"https://codeload.github.com/SyncfusionExamples/maui-tabview-samples/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2Fmaui-tabview-samples/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266808556,"owners_count":23987450,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-24T02:00:09.469Z","response_time":99,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["maui","maui-tabview","tabview","tabview-controller","tabview-examples"],"created_at":"2024-12-16T03:16:27.381Z","updated_at":"2026-04-04T04:33:18.968Z","avatar_url":"https://github.com/SyncfusionExamples.png","language":"C#","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Maui TabView Samples\nContains samples for .NET MAUI Tab View.\n##   Getting Started with .NET MAUI Tab View (SfTabView)\nThis section explains the steps required to configure the .NET MAUI Tab View control and customize its elements.\n\n###  Adding a .NET MAUI Tab View reference\nSyncfusion .NET MAUI controls are available in Nuget.org. To add .NET MAUI Tab View to your project, open the NuGet package manager in Visual Studio, search for Syncfusion.Maui.TabView and then install it.\n\n##   Create a simple .NET MAUI Tab View\nThis section explains how to create a .NET MAUI Tab View and configure it. The control can be configured entirely in C# code or by the XAML markup.\n\n###  Creating the project\nCreate a new .NET MAUI application in Visual Studio\n\n###  Adding a .NET MAUI Tab View control\nStep 1: Add the NuGet to the project as discussed in the above reference section.\n\nStep 2: Add the namespace as shown in the following code sample.\n\n**[XAML]**\n```\nxmlns:tabView=\"clr-namespace:Syncfusion.Maui.TabView;assembly=Syncfusion.Maui.TabView\"\n```\n\nStep 3: Set the control to content in ContentPage.\n\n**[XAML]**\n```\n\u003cContentPage.Content\u003e\n        \u003ctabView:SfTabView BackgroundColor=\"#f6f6f6\"\u003e\n            \u003ctabView:SfTabItem Header=\"Call\"\u003e\n                \u003ctabView:SfTabItem.Content\u003e\n                    \u003cGrid BackgroundColor=\"White\" x:Name=\"AllContactsGrid\"\u003e\n                        \u003cListView x:Name=\"ContactListView\" \n                                  ItemsSource=\"{Binding ContactList}\"\n                                  RowHeight=\"75\"\u003e\n                            \u003cListView.BindingContext\u003e\n                                \u003clocal:ContactsViewModel /\u003e\n                            \u003c/ListView.BindingContext\u003e\n                            \u003cListView.ItemTemplate\u003e\n                                \u003cDataTemplate\u003e\n                                    \u003cViewCell\u003e\n                                        \u003cStackLayout Orientation=\"Vertical\" Margin=\"30,0,0,0\"\u003e\n                                            \u003cLabel Text=\"{Binding Name}\"\n                                                   FontSize=\"24\" /\u003e\n                                            \u003cLabel Text=\"{Binding Number}\" \n                                                   FontSize=\"20\" \n                                                   TextColor=\"LightSlateGray\" /\u003e\n                                        \u003c/StackLayout\u003e\n                                    \u003c/ViewCell\u003e\n                                \u003c/DataTemplate\u003e\n                            \u003c/ListView.ItemTemplate\u003e\n                        \u003c/ListView\u003e\n                    \u003c/Grid\u003e\n                \u003c/tabView:SfTabItem.Content\u003e\n            \u003c/tabView:SfTabItem\u003e\n            \u003ctabView:SfTabItem Header=\"Favorites\"\u003e\n                \u003ctabView:SfTabItem.Content\u003e\n                    \u003cListView RowHeight=\"50\"\u003e\n                        \u003cListView.ItemsSource\u003e\n                            \u003cx:Array Type=\"{x:Type x:String}\"\u003e\n                                \u003cx:String\u003eJames\u003c/x:String\u003e\n                                \u003cx:String\u003eRichard\u003c/x:String\u003e\n                                \u003cx:String\u003eMichael\u003c/x:String\u003e\n                                \u003cx:String\u003eAlex\u003c/x:String\u003e\n                                \u003cx:String\u003eClara\u003c/x:String\u003e\n                            \u003c/x:Array\u003e\n                        \u003c/ListView.ItemsSource\u003e\n                        \u003cListView.ItemTemplate\u003e\n                            \u003cDataTemplate\u003e\n                                \u003cViewCell\u003e\n                                    \u003cGrid Margin=\"10,5\"\u003e\n                                        \u003cLabel\n                                            VerticalOptions=\"Start\"\n                                            HorizontalOptions=\"Start\"\n                                            TextColor=\"#666666\"\n                                            FontSize=\"16\"\n                                            Text=\"{Binding}\"/\u003e\n                                    \u003c/Grid\u003e\n                                \u003c/ViewCell\u003e\n                            \u003c/DataTemplate\u003e\n                        \u003c/ListView.ItemTemplate\u003e\n                    \u003c/ListView\u003e\n                \u003c/tabView:SfTabItem.Content\u003e\n            \u003c/tabView:SfTabItem\u003e\n            \u003ctabView:SfTabItem Header=\"Contacts\"\u003e\n                \u003ctabView:SfTabItem.Content\u003e\n                    \u003cListView RowHeight=\"50\"\u003e\n                        \u003cListView.ItemsSource\u003e\n                            \u003cx:Array Type=\"{x:Type x:String}\"\u003e\n                                \u003cx:String\u003eSteve\u003c/x:String\u003e\n                                \u003cx:String\u003eMark\u003c/x:String\u003e\n                                \u003cx:String\u003eAlan\u003c/x:String\u003e\n                                \u003cx:String\u003eSandra\u003c/x:String\u003e\n                                \u003cx:String\u003eRyan\u003c/x:String\u003e\n                            \u003c/x:Array\u003e\n                        \u003c/ListView.ItemsSource\u003e\n                        \u003cListView.ItemTemplate\u003e\n                            \u003cDataTemplate\u003e\n                                \u003cViewCell\u003e\n                                    \u003cGrid Margin=\"10,5\"\u003e\n                                        \u003cLabel\n                                            VerticalOptions=\"Start\"\n                                            HorizontalOptions=\"Start\"\n                                            TextColor=\"#666666\"\n                                            FontSize=\"16\"\n                                            Text=\"{Binding}\"/\u003e\n                                    \u003c/Grid\u003e\n                                \u003c/ViewCell\u003e\n                            \u003c/DataTemplate\u003e\n                        \u003c/ListView.ItemTemplate\u003e\n                    \u003c/ListView\u003e\n                \u003c/tabView:SfTabItem.Content\u003e\n            \u003c/tabView:SfTabItem\u003e\n        \u003c/tabView:SfTabView\u003e\n    \u003c/ContentPage.Content\u003e\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsyncfusionexamples%2Fmaui-tabview-samples","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsyncfusionexamples%2Fmaui-tabview-samples","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsyncfusionexamples%2Fmaui-tabview-samples/lists"}