From 13abc94d7784579a86bdcd4487497aad3455d693 Mon Sep 17 00:00:00 2001 From: Sharly-Atieno <95272441+Sharly-Atieno@users.noreply.github.com> Date: Thu, 10 Mar 2022 12:32:48 +0300 Subject: [PATCH 01/12] Blazor Tabs External Linking Changes --- README.md | 68 +++++++++++++++++++++++++++++++++++++++++++++++++++---- 1 file changed, 64 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index d4804ed..c9ae6eb 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,7 @@ # How to Add Syncfusion Blazor Tabs Component to a Blazor Server App +The [Blazor Tabs](https://www.syncfusion.com/blazor-components/blazor-tabs?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) is a simple user interface (tabs UI) for organizing related content and occupying a compact space. A quick overview on how to create and configure the Syncfusion Blazor Tabs component in a Blazor server app using Visual Studio 2019. The Blazor Tabs component is a content panel to show multiple contents in a compact space, one at a time. In this video, you will learn how to add a simple Blazor Tabs component to a Blazor server app. You will see how to change the tab header position as well as how to set styles to the active tab header. Finally, you will learn how to add contents using a template and how to set a display mode to the Blazor Tabs component. - -Example: https://blazor.syncfusion.com/demos/tabs/default-functionalities - -Documentation: https://blazor.syncfusion.com/documentation/tabs/getting-started ## Project pre-requisites Make sure that you have the compatible versions of Visual Studio 2019 and .NET Core SDK latest version(3.1.2) in your machine before starting to work on this project. @@ -12,3 +9,66 @@ Make sure that you have the compatible versions of Visual Studio 2019 and .NET C ## How to run this application? To run this application, you need to first clone the create-blazor-tabs-component-in-blazor-server-app repository and then open it in Visual Studio 2019. Now, simply build and run your project to view the output. +## Features and Benefits + +### Animation + +Navigate among tabs with nice, built-in [animation](https://blazor.syncfusion.com/documentation/tabs/animations?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-sample) effects (e.g., slide animation) when you click or tap a tab. The tab navigation happens on swiping within the content or tapping a tab header in a mobile tab view. + +### Easy integration + +It’s easy to integrate other Blazor components as content of the tab’s pane. The Blazor Tab control can also be integrated with other components such as Dialog and Card. + +### Tab headers + +The tab bar has good visual representation for segregating active tabs and inactive tabs. It has a large interaction area for navigation in mobile tab view. The tab headers can be icons, plain text, or both. The position of the icons can also be changed to the left, right, top, and bottom inside tab [headers](https://blazor.syncfusion.com/documentation/tabs/header?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-sample). + +## Pop-up mode + +The [pop-up mode](https://blazor.syncfusion.com/documentation/tabs/responsive-modes#popup?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-sample) is another type of overflow mode in which a pop-up holds the additional tabs when there are a greater number of tabs than can be shown. You can view the out-of-sight tabs by exploring the pop-up mode. + +### Nested tabs + +Users can nest one tab within another tab to design a complex layout. + +### Drag and drop + +The Blazor Tabs control allows users to [drag and drop](https://blazor.syncfusion.com/documentation/tabs/drag-and-drop?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-sample) tabs to easily re-prioritize the tab item order. + +### Easy integration + +It’s easy to integrate other Blazor components as content of the tab’s pane. The Blazor Tab control can also be integrated with other components such as Dialog and Card. + + +## Related links +[Learn More about Blazor Tabs](https://www.syncfusion.com/blazor-components/blazor-tabs?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) + +[Download Free Trial](https://www.syncfusion.com/downloads/blazor?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) + +[Pricing](https://www.syncfusion.com/sales/products/blazor?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) + +[Documentation](https://blazor.syncfusion.com/documentation/tabs/getting-started?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) + +[View Demos](https://blazor.syncfusion.com/demos/tabs/default-functionalities?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) + +[Community Forums](https://www.syncfusion.com/forums/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) + +[Suggest a feature or report a bug](https://www.syncfusion.com/feedback/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) + +[Online example](https://blazor.syncfusion.com/demos/tabs/default-functionalities?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) + +[Video Tutorials](https://www.syncfusion.com/tutorial-videos/blazor/tabs?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) + +[Knowledge base](https://www.syncfusion.com/kb/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) + +## About Syncfusion Blazor Components +The Syncfusion's Blazor components library offers over 70 UI components to work with Blazor server-side and client-side (Blazor WebAssembly) projects seamlessly. In addition to Tabs, we provide popular Blazor Components such as DataGrid,Charts, Scheduler, Diagram, Word Processor, and more. + +### About Syncfusion +Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 27,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies. + +Today, we provide 1700+ components and frameworks for web ([Blazor](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [Angular](https://www.syncfusion.com/angular-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [React](https://www.syncfusion.com/react-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [Vue](https://www.syncfusion.com/vue-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples)), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), and [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), and [MAUI(Preview)](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples)), and desktop development ([WinForms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [WPF](https://www.syncfusion.com/wpf-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [WinUI](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples),[UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples)). and [MAUI(Preview)](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-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. + + +[sales@syncfusion.com](mailto:sales@syncfusion.com?Subject=Syncfusion%20Blazor%20-%20GiHub) | [www.syncfusion.com](https://www.syncfusion.com?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) | Toll Free: 1-888-9 DOTNET + From 5b56e53aedad622d0cfc7e8d3af7694bf2cc3285 Mon Sep 17 00:00:00 2001 From: Sharly-Atieno <95272441+Sharly-Atieno@users.noreply.github.com> Date: Thu, 10 Mar 2022 12:35:51 +0300 Subject: [PATCH 02/12] Blazor Tabs External Linking changes --- README.md | 68 ++++--------------------------------------------------- 1 file changed, 4 insertions(+), 64 deletions(-) diff --git a/README.md b/README.md index c9ae6eb..d4804ed 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,10 @@ # How to Add Syncfusion Blazor Tabs Component to a Blazor Server App -The [Blazor Tabs](https://www.syncfusion.com/blazor-components/blazor-tabs?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) is a simple user interface (tabs UI) for organizing related content and occupying a compact space. A quick overview on how to create and configure the Syncfusion Blazor Tabs component in a Blazor server app using Visual Studio 2019. The Blazor Tabs component is a content panel to show multiple contents in a compact space, one at a time. In this video, you will learn how to add a simple Blazor Tabs component to a Blazor server app. You will see how to change the tab header position as well as how to set styles to the active tab header. Finally, you will learn how to add contents using a template and how to set a display mode to the Blazor Tabs component. + +Example: https://blazor.syncfusion.com/demos/tabs/default-functionalities + +Documentation: https://blazor.syncfusion.com/documentation/tabs/getting-started ## Project pre-requisites Make sure that you have the compatible versions of Visual Studio 2019 and .NET Core SDK latest version(3.1.2) in your machine before starting to work on this project. @@ -9,66 +12,3 @@ Make sure that you have the compatible versions of Visual Studio 2019 and .NET C ## How to run this application? To run this application, you need to first clone the create-blazor-tabs-component-in-blazor-server-app repository and then open it in Visual Studio 2019. Now, simply build and run your project to view the output. -## Features and Benefits - -### Animation - -Navigate among tabs with nice, built-in [animation](https://blazor.syncfusion.com/documentation/tabs/animations?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-sample) effects (e.g., slide animation) when you click or tap a tab. The tab navigation happens on swiping within the content or tapping a tab header in a mobile tab view. - -### Easy integration - -It’s easy to integrate other Blazor components as content of the tab’s pane. The Blazor Tab control can also be integrated with other components such as Dialog and Card. - -### Tab headers - -The tab bar has good visual representation for segregating active tabs and inactive tabs. It has a large interaction area for navigation in mobile tab view. The tab headers can be icons, plain text, or both. The position of the icons can also be changed to the left, right, top, and bottom inside tab [headers](https://blazor.syncfusion.com/documentation/tabs/header?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-sample). - -## Pop-up mode - -The [pop-up mode](https://blazor.syncfusion.com/documentation/tabs/responsive-modes#popup?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-sample) is another type of overflow mode in which a pop-up holds the additional tabs when there are a greater number of tabs than can be shown. You can view the out-of-sight tabs by exploring the pop-up mode. - -### Nested tabs - -Users can nest one tab within another tab to design a complex layout. - -### Drag and drop - -The Blazor Tabs control allows users to [drag and drop](https://blazor.syncfusion.com/documentation/tabs/drag-and-drop?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-sample) tabs to easily re-prioritize the tab item order. - -### Easy integration - -It’s easy to integrate other Blazor components as content of the tab’s pane. The Blazor Tab control can also be integrated with other components such as Dialog and Card. - - -## Related links -[Learn More about Blazor Tabs](https://www.syncfusion.com/blazor-components/blazor-tabs?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) - -[Download Free Trial](https://www.syncfusion.com/downloads/blazor?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) - -[Pricing](https://www.syncfusion.com/sales/products/blazor?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) - -[Documentation](https://blazor.syncfusion.com/documentation/tabs/getting-started?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) - -[View Demos](https://blazor.syncfusion.com/demos/tabs/default-functionalities?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) - -[Community Forums](https://www.syncfusion.com/forums/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) - -[Suggest a feature or report a bug](https://www.syncfusion.com/feedback/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) - -[Online example](https://blazor.syncfusion.com/demos/tabs/default-functionalities?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) - -[Video Tutorials](https://www.syncfusion.com/tutorial-videos/blazor/tabs?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) - -[Knowledge base](https://www.syncfusion.com/kb/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) - -## About Syncfusion Blazor Components -The Syncfusion's Blazor components library offers over 70 UI components to work with Blazor server-side and client-side (Blazor WebAssembly) projects seamlessly. In addition to Tabs, we provide popular Blazor Components such as DataGrid,Charts, Scheduler, Diagram, Word Processor, and more. - -### About Syncfusion -Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 27,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies. - -Today, we provide 1700+ components and frameworks for web ([Blazor](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [Angular](https://www.syncfusion.com/angular-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [React](https://www.syncfusion.com/react-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [Vue](https://www.syncfusion.com/vue-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples)), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), and [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), and [MAUI(Preview)](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples)), and desktop development ([WinForms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [WPF](https://www.syncfusion.com/wpf-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [WinUI](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples),[UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples)). and [MAUI(Preview)](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-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. - - -[sales@syncfusion.com](mailto:sales@syncfusion.com?Subject=Syncfusion%20Blazor%20-%20GiHub) | [www.syncfusion.com](https://www.syncfusion.com?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) | Toll Free: 1-888-9 DOTNET - From 46ec1d6af58e9613a054ae82d67a4377f9310d55 Mon Sep 17 00:00:00 2001 From: Sharly-Atieno <95272441+Sharly-Atieno@users.noreply.github.com> Date: Thu, 10 Mar 2022 12:54:18 +0300 Subject: [PATCH 03/12] Blazor Tabs External Linking changes --- README.md | 67 +++++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 65 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index d4804ed..b4008ef 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,6 @@ -# How to Add Syncfusion Blazor Tabs Component to a Blazor Server App +# How to Add Syncfusion Blazor Tabs Component to a Blazor Server App +The [Blazor Tabs](https://www.syncfusion.com/blazor-components/blazor-tabs?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) is a simple user interface (tabs UI) for organizing related content and occupying a compact space. A quick overview on how to create and configure the Syncfusion Blazor Tabs component in a Blazor server app using Visual Studio 2019. The Blazor Tabs component is a content panel to show multiple contents in a compact space, one at a time. In this video, you will learn how to add a simple Blazor Tabs component to a Blazor server app. You will see how to change the tab header position as well as how to set styles to the active tab header. Finally, you will learn how to add contents using a template and how to set a display mode to the Blazor Tabs component. Example: https://blazor.syncfusion.com/demos/tabs/default-functionalities @@ -8,7 +9,69 @@ Documentation: https://blazor.syncfusion.com/documentation/tabs/getting-started ## Project pre-requisites Make sure that you have the compatible versions of Visual Studio 2019 and .NET Core SDK latest version(3.1.2) in your machine before starting to work on this project. - +@ -9,66 +12,3 @@ Make sure that you have the compatible versions of Visual Studio 2019 and .NET C ## How to run this application? To run this application, you need to first clone the create-blazor-tabs-component-in-blazor-server-app repository and then open it in Visual Studio 2019. Now, simply build and run your project to view the output. +## Features and Benefits + +### Animation + +Navigate among tabs with nice, built-in [animation](https://blazor.syncfusion.com/documentation/tabs/animations?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-sample) effects (e.g., slide animation) when you click or tap a tab. The tab navigation happens on swiping within the content or tapping a tab header in a mobile tab view. + +### Easy integration + +It’s easy to integrate other Blazor components as content of the tab’s pane. The Blazor Tab control can also be integrated with other components such as Dialog and Card. + +### Tab headers + +The tab bar has good visual representation for segregating active tabs and inactive tabs. It has a large interaction area for navigation in mobile tab view. The tab headers can be icons, plain text, or both. The position of the icons can also be changed to the left, right, top, and bottom inside tab [headers](https://blazor.syncfusion.com/documentation/tabs/header?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-sample). + +## Pop-up mode + +The [pop-up mode](https://blazor.syncfusion.com/documentation/tabs/responsive-modes#popup?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-sample) is another type of overflow mode in which a pop-up holds the additional tabs when there are a greater number of tabs than can be shown. You can view the out-of-sight tabs by exploring the pop-up mode. + +### Nested tabs + +Users can nest one tab within another tab to design a complex layout. + +### Drag and drop + +The Blazor Tabs control allows users to [drag and drop](https://blazor.syncfusion.com/documentation/tabs/drag-and-drop?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-sample) tabs to easily re-prioritize the tab item order. + +### Easy integration + +It’s easy to integrate other Blazor components as content of the tab’s pane. The Blazor Tab control can also be integrated with other components such as Dialog and Card. + + +## Related links +[Learn More about Blazor Tabs](https://www.syncfusion.com/blazor-components/blazor-tabs?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) + +[Download Free Trial](https://www.syncfusion.com/downloads/blazor?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) + +[Pricing](https://www.syncfusion.com/sales/products/blazor?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) + +[Documentation](https://blazor.syncfusion.com/documentation/tabs/getting-started?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) + +[View Demos](https://blazor.syncfusion.com/demos/tabs/default-functionalities?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) + +[Community Forums](https://www.syncfusion.com/forums/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) + +[Suggest a feature or report a bug](https://www.syncfusion.com/feedback/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) + +[Online example](https://blazor.syncfusion.com/demos/tabs/default-functionalities?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) + +[Video Tutorials](https://www.syncfusion.com/tutorial-videos/blazor/tabs?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) + +[Knowledge base](https://www.syncfusion.com/kb/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) + +## About Syncfusion Blazor Components +The Syncfusion's Blazor components library offers over 70 UI components to work with Blazor server-side and client-side (Blazor WebAssembly) projects seamlessly. In addition to Tabs, we provide popular Blazor Components such as DataGrid,Charts, Scheduler, Diagram, Word Processor, and more. + +### About Syncfusion +Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 27,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies. + +Today, we provide 1700+ components and frameworks for web ([Blazor](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [Angular](https://www.syncfusion.com/angular-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [React](https://www.syncfusion.com/react-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [Vue](https://www.syncfusion.com/vue-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples)), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), and [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), and [MAUI(Preview)](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples)), and desktop development ([WinForms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [WPF](https://www.syncfusion.com/wpf-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [WinUI](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples),[UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples)). and [MAUI(Preview)](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-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. + + +[sales@syncfusion.com](mailto:sales@syncfusion.com?Subject=Syncfusion Blazor Tab - GiHub) | [www.syncfusion.com](https://www.syncfusion.com?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) | Toll Free: 1-888-9 DOTNET From 8f3383d62e3f1ccf45111e7f6e431c6e49609137 Mon Sep 17 00:00:00 2001 From: Sharly-Atieno <95272441+Sharly-Atieno@users.noreply.github.com> Date: Thu, 10 Mar 2022 13:06:22 +0300 Subject: [PATCH 04/12] Blazor Tab External Linking changes --- README.md | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index b4008ef..fbc8919 100644 --- a/README.md +++ b/README.md @@ -2,14 +2,11 @@ The [Blazor Tabs](https://www.syncfusion.com/blazor-components/blazor-tabs?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) is a simple user interface (tabs UI) for organizing related content and occupying a compact space. A quick overview on how to create and configure the Syncfusion Blazor Tabs component in a Blazor server app using Visual Studio 2019. The Blazor Tabs component is a content panel to show multiple contents in a compact space, one at a time. In this video, you will learn how to add a simple Blazor Tabs component to a Blazor server app. You will see how to change the tab header position as well as how to set styles to the active tab header. Finally, you will learn how to add contents using a template and how to set a display mode to the Blazor Tabs component. - -Example: https://blazor.syncfusion.com/demos/tabs/default-functionalities - -Documentation: https://blazor.syncfusion.com/documentation/tabs/getting-started ## Project pre-requisites Make sure that you have the compatible versions of Visual Studio 2019 and .NET Core SDK latest version(3.1.2) in your machine before starting to work on this project. -@ -9,66 +12,3 @@ Make sure that you have the compatible versions of Visual Studio 2019 and .NET C +Make sure that you have the compatible versions of Visual Studio 2019 and .NET C + ## How to run this application? To run this application, you need to first clone the create-blazor-tabs-component-in-blazor-server-app repository and then open it in Visual Studio 2019. Now, simply build and run your project to view the output. From ea6a9d64ef8e6a34d5d945f6d6dabc976d9b060d Mon Sep 17 00:00:00 2001 From: Sharly-Atieno <95272441+Sharly-Atieno@users.noreply.github.com> Date: Tue, 29 Mar 2022 16:40:37 +0300 Subject: [PATCH 05/12] spacing and spelling changes --- README.md | 18 ++++++++---------- 1 file changed, 8 insertions(+), 10 deletions(-) diff --git a/README.md b/README.md index fbc8919..7aadeed 100644 --- a/README.md +++ b/README.md @@ -1,11 +1,10 @@ -# How to Add Syncfusion Blazor Tabs Component to a Blazor Server App +# How to Add Syncfusion Blazor Tabs Component to a Blazor Server App -The [Blazor Tabs](https://www.syncfusion.com/blazor-components/blazor-tabs?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) is a simple user interface (tabs UI) for organizing related content and occupying a compact space. -A quick overview on how to create and configure the Syncfusion Blazor Tabs component in a Blazor server app using Visual Studio 2019. The Blazor Tabs component is a content panel to show multiple contents in a compact space, one at a time. In this video, you will learn how to add a simple Blazor Tabs component to a Blazor server app. You will see how to change the tab header position as well as how to set styles to the active tab header. Finally, you will learn how to add contents using a template and how to set a display mode to the Blazor Tabs component. +The [Blazor Tabs](https://www.syncfusion.com/blazor-components/blazor-tabs?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) is a simple user interface (tabs UI) for organizing related content and occupying a compact space. A quick overview on how to create and configure the Syncfusion Blazor Tabs component in a Blazor server app using Visual Studio 2019. The Blazor Tabs component is a content panel to show multiple contents in a compact space, one at a time. In this video, you will learn how to add a simple Blazor Tabs component to a Blazor server app. You will see how to change the tab header position as well as how to set styles to the active tab header. Finally, you will learn how to add contents using a template and how to set a display mode to the Blazor Tabs component. ## Project pre-requisites Make sure that you have the compatible versions of Visual Studio 2019 and .NET Core SDK latest version(3.1.2) in your machine before starting to work on this project. -Make sure that you have the compatible versions of Visual Studio 2019 and .NET C +Make sure that you have the compatible versions of Visual Studio 2019 and .NET C. ## How to run this application? To run this application, you need to first clone the create-blazor-tabs-component-in-blazor-server-app repository and then open it in Visual Studio 2019. Now, simply build and run your project to view the output. @@ -14,7 +13,7 @@ To run this application, you need to first clone the create-blazor-tabs-componen ### Animation -Navigate among tabs with nice, built-in [animation](https://blazor.syncfusion.com/documentation/tabs/animations?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-sample) effects (e.g., slide animation) when you click or tap a tab. The tab navigation happens on swiping within the content or tapping a tab header in a mobile tab view. +Navigate among tabs with nice, built-in [animation](https://blazor.syncfusion.com/documentation/tabs/animations?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) effects (e.g., slide animation) when you click or tap a tab. The tab navigation happens on swiping within the content or tapping a tab header in a mobile tab view. ### Easy integration @@ -22,11 +21,11 @@ It’s easy to integrate other Blazor components as content of the tab’s pane. ### Tab headers -The tab bar has good visual representation for segregating active tabs and inactive tabs. It has a large interaction area for navigation in mobile tab view. The tab headers can be icons, plain text, or both. The position of the icons can also be changed to the left, right, top, and bottom inside tab [headers](https://blazor.syncfusion.com/documentation/tabs/header?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-sample). +The tab bar has good visual representation for segregating active tabs and inactive tabs. It has a large interaction area for navigation in mobile tab view. The tab headers can be icons, plain text, or both. The position of the icons can also be changed to the left, right, top, and bottom inside tab [headers](https://blazor.syncfusion.com/documentation/tabs/header?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples). ## Pop-up mode -The [pop-up mode](https://blazor.syncfusion.com/documentation/tabs/responsive-modes#popup?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-sample) is another type of overflow mode in which a pop-up holds the additional tabs when there are a greater number of tabs than can be shown. You can view the out-of-sight tabs by exploring the pop-up mode. +The [pop-up mode](https://blazor.syncfusion.com/documentation/tabs/responsive-modes#popup?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) is another type of overflow mode in which a pop-up holds the additional tabs when there are a greater number of tabs than can be shown. You can view the out-of-sight tabs by exploring the pop-up mode. ### Nested tabs @@ -34,7 +33,7 @@ Users can nest one tab within another tab to design a complex layout. ### Drag and drop -The Blazor Tabs control allows users to [drag and drop](https://blazor.syncfusion.com/documentation/tabs/drag-and-drop?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-sample) tabs to easily re-prioritize the tab item order. +The Blazor Tabs control allows users to [drag and drop](https://blazor.syncfusion.com/documentation/tabs/drag-and-drop?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) tabs to easily re-prioritize the tab item order. ### Easy integration @@ -63,12 +62,11 @@ It’s easy to integrate other Blazor components as content of the tab’s pane. [Knowledge base](https://www.syncfusion.com/kb/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) ## About Syncfusion Blazor Components -The Syncfusion's Blazor components library offers over 70 UI components to work with Blazor server-side and client-side (Blazor WebAssembly) projects seamlessly. In addition to Tabs, we provide popular Blazor Components such as DataGrid,Charts, Scheduler, Diagram, Word Processor, and more. +The Syncfusion's Blazor components library offers over 70 UI components to work with Blazor server-side and client-side (Blazor WebAssembly) projects seamlessly. In addition to Tabs, we provide popular Blazor Components such as DataGrid, Charts, Scheduler, Diagram, Word Processor, and more. ### About Syncfusion Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 27,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies. Today, we provide 1700+ components and frameworks for web ([Blazor](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [Angular](https://www.syncfusion.com/angular-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [React](https://www.syncfusion.com/react-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [Vue](https://www.syncfusion.com/vue-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples)), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), and [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), and [MAUI(Preview)](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples)), and desktop development ([WinForms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [WPF](https://www.syncfusion.com/wpf-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [WinUI](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples),[UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples)). and [MAUI(Preview)](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-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. - [sales@syncfusion.com](mailto:sales@syncfusion.com?Subject=Syncfusion Blazor Tab - GiHub) | [www.syncfusion.com](https://www.syncfusion.com?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) | Toll Free: 1-888-9 DOTNET From d5d133e4989ac01043dd32ea0c87427982a93d8b Mon Sep 17 00:00:00 2001 From: Sharly-Atieno <95272441+Sharly-Atieno@users.noreply.github.com> Date: Fri, 1 Apr 2022 11:30:57 +0300 Subject: [PATCH 06/12] change navigations to tabs --- README.md | 36 ++++++++++++++++++------------------ 1 file changed, 18 insertions(+), 18 deletions(-) diff --git a/README.md b/README.md index 7aadeed..7eea258 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # How to Add Syncfusion Blazor Tabs Component to a Blazor Server App -The [Blazor Tabs](https://www.syncfusion.com/blazor-components/blazor-tabs?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) is a simple user interface (tabs UI) for organizing related content and occupying a compact space. A quick overview on how to create and configure the Syncfusion Blazor Tabs component in a Blazor server app using Visual Studio 2019. The Blazor Tabs component is a content panel to show multiple contents in a compact space, one at a time. In this video, you will learn how to add a simple Blazor Tabs component to a Blazor server app. You will see how to change the tab header position as well as how to set styles to the active tab header. Finally, you will learn how to add contents using a template and how to set a display mode to the Blazor Tabs component. +The [Blazor Tabs](https://www.syncfusion.com/blazor-components/blazor-tabs?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples) is a simple user interface (tabs UI) for organizing related content and occupying a compact space. A quick overview on how to create and configure the Syncfusion Blazor Tabs component in a Blazor server app using Visual Studio 2019. The Blazor Tabs component is a content panel to show multiple contents in a compact space, one at a time. In this video, you will learn how to add a simple Blazor Tabs component to a Blazor server app. You will see how to change the tab header position as well as how to set styles to the active tab header. Finally, you will learn how to add contents using a template and how to set a display mode to the Blazor Tabs component. ## Project pre-requisites Make sure that you have the compatible versions of Visual Studio 2019 and .NET Core SDK latest version(3.1.2) in your machine before starting to work on this project. @@ -13,7 +13,7 @@ To run this application, you need to first clone the create-blazor-tabs-componen ### Animation -Navigate among tabs with nice, built-in [animation](https://blazor.syncfusion.com/documentation/tabs/animations?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) effects (e.g., slide animation) when you click or tap a tab. The tab navigation happens on swiping within the content or tapping a tab header in a mobile tab view. +Navigate among tabs with nice, built-in [animation](https://blazor.syncfusion.com/documentation/tabs/animations?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples) effects (e.g., slide animation) when you click or tap a tab. The tab navigation happens on swiping within the content or tapping a tab header in a mobile tab view. ### Easy integration @@ -21,11 +21,11 @@ It’s easy to integrate other Blazor components as content of the tab’s pane. ### Tab headers -The tab bar has good visual representation for segregating active tabs and inactive tabs. It has a large interaction area for navigation in mobile tab view. The tab headers can be icons, plain text, or both. The position of the icons can also be changed to the left, right, top, and bottom inside tab [headers](https://blazor.syncfusion.com/documentation/tabs/header?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples). +The tab bar has good visual representation for segregating active tabs and inactive tabs. It has a large interaction area for navigation in mobile tab view. The tab headers can be icons, plain text, or both. The position of the icons can also be changed to the left, right, top, and bottom inside tab [headers](https://blazor.syncfusion.com/documentation/tabs/header?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples). ## Pop-up mode -The [pop-up mode](https://blazor.syncfusion.com/documentation/tabs/responsive-modes#popup?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) is another type of overflow mode in which a pop-up holds the additional tabs when there are a greater number of tabs than can be shown. You can view the out-of-sight tabs by exploring the pop-up mode. +The [pop-up mode](https://blazor.syncfusion.com/documentation/tabs/responsive-modes#popup?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples) is another type of overflow mode in which a pop-up holds the additional tabs when there are a greater number of tabs than can be shown. You can view the out-of-sight tabs by exploring the pop-up mode. ### Nested tabs @@ -33,7 +33,7 @@ Users can nest one tab within another tab to design a complex layout. ### Drag and drop -The Blazor Tabs control allows users to [drag and drop](https://blazor.syncfusion.com/documentation/tabs/drag-and-drop?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) tabs to easily re-prioritize the tab item order. +The Blazor Tabs control allows users to [drag and drop](https://blazor.syncfusion.com/documentation/tabs/drag-and-drop?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples) tabs to easily re-prioritize the tab item order. ### Easy integration @@ -41,32 +41,32 @@ It’s easy to integrate other Blazor components as content of the tab’s pane. ## Related links -[Learn More about Blazor Tabs](https://www.syncfusion.com/blazor-components/blazor-tabs?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) +[Learn More about Blazor Tabs](https://www.syncfusion.com/blazor-components/blazor-tabs?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples) -[Download Free Trial](https://www.syncfusion.com/downloads/blazor?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) +[Download Free Trial](https://www.syncfusion.com/downloads/blazor?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples) -[Pricing](https://www.syncfusion.com/sales/products/blazor?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) +[Pricing](https://www.syncfusion.com/sales/products/blazor?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples) -[Documentation](https://blazor.syncfusion.com/documentation/tabs/getting-started?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) +[Documentation](https://blazor.syncfusion.com/documentation/tabs/getting-started?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples) -[View Demos](https://blazor.syncfusion.com/demos/tabs/default-functionalities?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) +[View Demos](https://blazor.syncfusion.com/demos/tabs/default-functionalities?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples) -[Community Forums](https://www.syncfusion.com/forums/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) +[Community Forums](https://www.syncfusion.com/forums/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples) -[Suggest a feature or report a bug](https://www.syncfusion.com/feedback/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) +[Suggest a feature or report a bug](https://www.syncfusion.com/feedback/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples) -[Online example](https://blazor.syncfusion.com/demos/tabs/default-functionalities?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) +[Online example](https://blazor.syncfusion.com/demos/tabs/default-functionalities?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples) -[Video Tutorials](https://www.syncfusion.com/tutorial-videos/blazor/tabs?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) +[Video Tutorials](https://www.syncfusion.com/tutorial-videos/blazor/tabs?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples) -[Knowledge base](https://www.syncfusion.com/kb/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) +[Knowledge base](https://www.syncfusion.com/kb/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples) ## About Syncfusion Blazor Components -The Syncfusion's Blazor components library offers over 70 UI components to work with Blazor server-side and client-side (Blazor WebAssembly) projects seamlessly. In addition to Tabs, we provide popular Blazor Components such as DataGrid, Charts, Scheduler, Diagram, Word Processor, and more. +The Syncfusion's Blazor components library offers over 70 UI components to work with Blazor server-side and client-side (Blazor WebAssembly) projects seamlessly. In addition to Tabs, we provide popular Blazor Components such as [DataGrid](https://www.syncfusion.com/blazor-components/blazor-datagrid?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Charts](https://www.syncfusion.com/blazor-components/blazor-charts?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Scheduler](https://www.syncfusion.com/blazor-components/blazor-scheduler?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Diagram](https://www.syncfusion.com/blazor-components/blazor-diagram?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Word Processor](https://www.syncfusion.com/blazor-components/blazor-word-processor?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), and more. ### About Syncfusion Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 27,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies. -Today, we provide 1700+ components and frameworks for web ([Blazor](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [Angular](https://www.syncfusion.com/angular-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [React](https://www.syncfusion.com/react-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [Vue](https://www.syncfusion.com/vue-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples)), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), and [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), and [MAUI(Preview)](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples)), and desktop development ([WinForms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [WPF](https://www.syncfusion.com/wpf-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [WinUI](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples),[UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples)). and [MAUI(Preview)](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-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. +Today, we provide 1700+ components and frameworks for web ([Blazor](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Angular](https://www.syncfusion.com/angular-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [React](https://www.syncfusion.com/react-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Vue](https://www.syncfusion.com/vue-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples)), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), and [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), and [MAUI(Preview)](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples)), and desktop development ([WinForms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [WPF](https://www.syncfusion.com/wpf-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [WinUI](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples),[UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples)). and [MAUI(Preview)](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-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. -[sales@syncfusion.com](mailto:sales@syncfusion.com?Subject=Syncfusion Blazor Tab - GiHub) | [www.syncfusion.com](https://www.syncfusion.com?utm_source=github&utm_medium=listing&utm_campaign=blazor-navigations-github-samples) | Toll Free: 1-888-9 DOTNET +[sales@syncfusion.com](mailto:sales@syncfusion.com?Subject=Syncfusion Blazor Tab - GitHub) | [www.syncfusion.com](https://www.syncfusion.com?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples) | Toll Free: 1-888-9 DOTNET From 778ef7827da4f978befa4fd3e6b35a25809b7cde Mon Sep 17 00:00:00 2001 From: Sharly-Atieno <95272441+Sharly-Atieno@users.noreply.github.com> Date: Fri, 1 Apr 2022 12:56:30 +0300 Subject: [PATCH 07/12] add footer --- README.md | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 7eea258..1464fc8 100644 --- a/README.md +++ b/README.md @@ -69,4 +69,8 @@ Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion ha Today, we provide 1700+ components and frameworks for web ([Blazor](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Angular](https://www.syncfusion.com/angular-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [React](https://www.syncfusion.com/react-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Vue](https://www.syncfusion.com/vue-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples)), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), and [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), and [MAUI(Preview)](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples)), and desktop development ([WinForms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [WPF](https://www.syncfusion.com/wpf-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [WinUI](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples),[UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples)). and [MAUI(Preview)](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-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. -[sales@syncfusion.com](mailto:sales@syncfusion.com?Subject=Syncfusion Blazor Tab - GitHub) | [www.syncfusion.com](https://www.syncfusion.com?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples) | Toll Free: 1-888-9 DOTNET +
+ +

+sales@syncfusion.com | www.syncfusion.com| Toll Free: 1-888-9 DOTNET
+

From 0708bfd6d5bcdb092bb15e697e821979680a3ba5 Mon Sep 17 00:00:00 2001 From: Sharly-Atieno <95272441+Sharly-Atieno@users.noreply.github.com> Date: Fri, 1 Apr 2022 14:28:30 +0300 Subject: [PATCH 08/12] remove space --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 1464fc8..fab4925 100644 --- a/README.md +++ b/README.md @@ -72,5 +72,5 @@ Today, we provide 1700+ components and frameworks for web ([Blazor](https://www.

-sales@syncfusion.com | www.syncfusion.com| Toll Free: 1-888-9 DOTNET
+sales@syncfusion.com | www.syncfusion.com| Toll Free: 1-888-9 DOTNET

From fb626161af1c2d5027d3a18430c7b67e83c2bf54 Mon Sep 17 00:00:00 2001 From: Sharly-Atieno <95272441+Sharly-Atieno@users.noreply.github.com> Date: Tue, 12 Apr 2022 16:44:34 +0300 Subject: [PATCH 09/12] remove, and more --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index fab4925..314a81d 100644 --- a/README.md +++ b/README.md @@ -62,7 +62,7 @@ It’s easy to integrate other Blazor components as content of the tab’s pane. [Knowledge base](https://www.syncfusion.com/kb/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples) ## About Syncfusion Blazor Components -The Syncfusion's Blazor components library offers over 70 UI components to work with Blazor server-side and client-side (Blazor WebAssembly) projects seamlessly. In addition to Tabs, we provide popular Blazor Components such as [DataGrid](https://www.syncfusion.com/blazor-components/blazor-datagrid?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Charts](https://www.syncfusion.com/blazor-components/blazor-charts?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Scheduler](https://www.syncfusion.com/blazor-components/blazor-scheduler?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Diagram](https://www.syncfusion.com/blazor-components/blazor-diagram?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Word Processor](https://www.syncfusion.com/blazor-components/blazor-word-processor?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), and more. +The Syncfusion's Blazor components library offers over 70 UI components to work with Blazor server-side and client-side (Blazor WebAssembly) projects seamlessly. In addition to Tabs, we provide popular Blazor Components such as [DataGrid](https://www.syncfusion.com/blazor-components/blazor-datagrid?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Charts](https://www.syncfusion.com/blazor-components/blazor-charts?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Scheduler](https://www.syncfusion.com/blazor-components/blazor-scheduler?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Diagram](https://www.syncfusion.com/blazor-components/blazor-diagram?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), and [Word Processor](https://www.syncfusion.com/blazor-components/blazor-word-processor?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples). ### About Syncfusion Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 27,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies. From ceb23d45b90709a4f47b4138a01e2e34152af656 Mon Sep 17 00:00:00 2001 From: Sharly-Atieno <95272441+Sharly-Atieno@users.noreply.github.com> Date: Wed, 11 May 2022 17:12:30 +0300 Subject: [PATCH 10/12] added link and removed conjunction --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 314a81d..d3f1037 100644 --- a/README.md +++ b/README.md @@ -62,12 +62,12 @@ It’s easy to integrate other Blazor components as content of the tab’s pane. [Knowledge base](https://www.syncfusion.com/kb/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples) ## About Syncfusion Blazor Components -The Syncfusion's Blazor components library offers over 70 UI components to work with Blazor server-side and client-side (Blazor WebAssembly) projects seamlessly. In addition to Tabs, we provide popular Blazor Components such as [DataGrid](https://www.syncfusion.com/blazor-components/blazor-datagrid?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Charts](https://www.syncfusion.com/blazor-components/blazor-charts?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Scheduler](https://www.syncfusion.com/blazor-components/blazor-scheduler?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Diagram](https://www.syncfusion.com/blazor-components/blazor-diagram?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), and [Word Processor](https://www.syncfusion.com/blazor-components/blazor-word-processor?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples). +The Syncfusion's [Blazor components](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples) library offers over 70 UI components to work with Blazor server-side and client-side (Blazor WebAssembly) projects seamlessly. In addition to Tabs, we provide popular Blazor Components such as [DataGrid](https://www.syncfusion.com/blazor-components/blazor-datagrid?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Charts](https://www.syncfusion.com/blazor-components/blazor-charts?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Scheduler](https://www.syncfusion.com/blazor-components/blazor-scheduler?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Diagram](https://www.syncfusion.com/blazor-components/blazor-diagram?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), and [Word Processor](https://www.syncfusion.com/blazor-components/blazor-word-processor?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples). ### About Syncfusion Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 27,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies. -Today, we provide 1700+ components and frameworks for web ([Blazor](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Angular](https://www.syncfusion.com/angular-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [React](https://www.syncfusion.com/react-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Vue](https://www.syncfusion.com/vue-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples)), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), and [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), and [MAUI(Preview)](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples)), and desktop development ([WinForms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [WPF](https://www.syncfusion.com/wpf-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [WinUI](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples),[UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples)). and [MAUI(Preview)](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-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. +Today, we provide 1700+ components and frameworks for web ([Blazor](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Angular](https://www.syncfusion.com/angular-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [React](https://www.syncfusion.com/react-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Vue](https://www.syncfusion.com/vue-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples)), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), and [MAUI(Preview)](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples)), and desktop development ([WinForms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [WPF](https://www.syncfusion.com/wpf-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [WinUI](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples),[UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples)). and [MAUI(Preview)](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-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.
From f48e0fbdf0d9e9bc0aeb1bdef27a3d1c9ab85dbb Mon Sep 17 00:00:00 2001 From: Sharly-Atieno <95272441+Sharly-Atieno@users.noreply.github.com> Date: Thu, 26 May 2022 11:40:49 +0300 Subject: [PATCH 11/12] added github link --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index d3f1037..80a19a9 100644 --- a/README.md +++ b/README.md @@ -49,7 +49,7 @@ It’s easy to integrate other Blazor components as content of the tab’s pane. [Documentation](https://blazor.syncfusion.com/documentation/tabs/getting-started?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples) -[View Demos](https://blazor.syncfusion.com/demos/tabs/default-functionalities?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples) +[View Demos](https://github.com/SyncfusionExamples/create-blazor-tab-component-in-blazor-server-app?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples) [Community Forums](https://www.syncfusion.com/forums/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-tabs-github-samples) From 0ac872b8cbcf6b882ec7cdfaa2de82a21d67d91c Mon Sep 17 00:00:00 2001 From: Sharly-Atieno <95272441+Sharly-Atieno@users.noreply.github.com> Date: Mon, 6 Jun 2022 12:09:34 +0300 Subject: [PATCH 12/12] removed repeated word --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index 80a19a9..d3dcb51 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,6 @@ The [Blazor Tabs](https://www.syncfusion.com/blazor-components/blazor-tabs?utm_s ## Project pre-requisites Make sure that you have the compatible versions of Visual Studio 2019 and .NET Core SDK latest version(3.1.2) in your machine before starting to work on this project. -Make sure that you have the compatible versions of Visual Studio 2019 and .NET C. ## How to run this application? To run this application, you need to first clone the create-blazor-tabs-component-in-blazor-server-app repository and then open it in Visual Studio 2019. Now, simply build and run your project to view the output.