--- title: "Introducing the New .NET MAUI Toolbar Control" published_at: "2025-03-27T16:03:16+00:00" modified_at: "2026-02-10T07:44:51+00:00" url: "https://www.syncfusion.com/blogs/post/new-donet-maui-toolbar-control" excerpt: "This blog explains the features of the new .NET MAUI Toolbar control introduced in the 2025 Volume 1 release." taxonomy_category: - ".NET MAUI" - "Desktop" - "Mobile" - "UI" - "What's new" taxonomy_post_tag: - ".NET MAUI" - "desktop" - "development" - "MAUI" - "Mobile" - "toolbar" - "UI" - "What's New" --- # Introducing the New .NET MAUI Toolbar Control [Jeyasri Murugan](https://www.syncfusion.com/blogs/author/jeyasrim) ![Introducing the .NET MAUI Toolbar Control](https://www.syncfusion.com/blogs/wp-content/uploads/2025/03/596-x-335@2x-compressed-4.jpg) **TL;DR:** Let’s see how to use the new .NET MAUI Toolbar control to enhance user interaction in cross-platform apps. This versatile toolbar supports customizable icons, labels, and commands, offering a seamless user experience. Key features include flexible orientation, overflow support, tooltips, and an overlay mode for quick access. We also cover step-by-step integration, including NuGet installation, item configuration, and UI customization. We are excited to introduce the new Syncfusion [.NET MAUI Toolbar](https://www.syncfusion.com/maui-controls/maui-toolbar) control in our latest release, [2025 Volume 1](https://www.syncfusion.com/forums/196488/essential-studio-2025-volume-1-main-release-v29-1-33-is-available-for-download) ! In today’s digital world, ensuring smooth user interaction with apps is crucial, whether it’s an image editor, word editor, or any other type of application. The Toolbar is an essential component for offering a smooth and intuitive user experience. It allows us to easily execute specific actions through various toolbar items, making our app more interactive and user-friendly. Its features enable developers to create a tailored interface that aligns with their app’s themes and user preferences. Refer to the following image. ![Adding the .NET MAUI Toolbar to an image editor](https://www.syncfusion.com/blogs/wp-content/uploads/2025/03/Overview.png) Adding the .NET MAUI Toolbar to an image editor ## Key features Let’s explore the key features of the .NET MAUI Toolbar control! ### Toolbar items The Toolbar control’s versatile toolbar items are central to its functionality. These toolbar items can be customized to include: - **Icons:** Use recognizable icons for quick access to core functionalities. - **Labels:** Provide clear labels to accompany icons, ensuring that users understand the purpose of each item. - **Combination of both:** For enhanced clarity, combine icons with labels. - **Custom views:** Go beyond conventional icons and labels by integrating custom views that cater to specific app needs. ![Toolbar items in the .NET MAUI Toolbar control](https://www.syncfusion.com/blogs/wp-content/uploads/2025/03/image003-2.png) Adding items to the .NET MAUI Toolbar control ### Interaction Ensuring smooth interaction is crucial for any app. The Toolbar control supports the following user interaction features: - **Touch gestures:** Seamlessly integrate touch-based interactions for users on touch-enabled devices. - **Item tapping:** Allow users to tap items to trigger immediate actions. - **Command execution:** Link toolbar items directly to commands, streamlining operations and improving efficiency. Refer to the following GIF image. ![User interaction support in .NET MAUI Toolbar](https://www.syncfusion.com/blogs/wp-content/uploads/2025/03/Interactions.gif) User interaction support in .NET MAUI Toolbar ### Orientation Flexibility in layout is crucial for accommodating different screen sizes and orientations. The Toolbar control supports: - **Horizontal orientation:** Arrange toolbar items in a row along the top or bottom of the screen. ![.NET MAUI Toolbar with horizontal orientation support](https://www.syncfusion.com/blogs/wp-content/uploads/2025/03/Horizontal-Orientation.png) - **Vertical orientation:** Stack toolbar items vertically, ideal for side navigation panels. ![.NET MAUI Toolbar with vertical orientation support](https://www.syncfusion.com/blogs/wp-content/uploads/2025/03/Vertical-Orientation.png) ### Overflow support The .NET MAUI Toolbar control offers the following features to keep the interface clean while managing many toolbar items. This will organize and streamline the items, ensuring users can interact smoothly without feeling overwhelmed by clutter. - **Scrollable options:** Enable scrolling through toolbar items, allowing users to access more actions without overwhelming them. ![Scrollable .NET MAUI toolbar](https://www.syncfusion.com/blogs/wp-content/uploads/2025/03/Scrollable-toolbar.gif) Scrollable .NET MAUI toolbar - **Navigation buttons:** Help users easily access additional options that are not immediately visible in the toolbar. ![Navigation buttons in .NET MAUI Toolbar](https://www.syncfusion.com/blogs/wp-content/uploads/2025/03/Navigation-buttons-toolbar.gif) Navigation buttons in .NET MAUI Toolbar - **Menu for managing excess items:** Neatly organize excess toolbar items in a separate menu for easy access. ![Displaying excess toolbar items in a separate menu](https://www.syncfusion.com/blogs/wp-content/uploads/2025/03/image012.gif) Displaying excess toolbar items in a separate menu ### Overlay toolbar This feature provides a floating toolbar that remains easily accessible, ensuring users can quickly interact with essential tools without disrupting their workflow. ![Overlay toolbar in .NET MAUI](https://www.syncfusion.com/blogs/wp-content/uploads/2025/03/Overlay-Toolbar.gif) Overlay toolbar feature in .NET MAUI Toolbar control ### Tooltip Tooltips display additional information on hover or long-press actions, helping us understand a tool’s functionality without cluttering the interface. ![Tooltips feature in .NET MAUI Toolbar](https://www.syncfusion.com/blogs/wp-content/uploads/2025/03/image014.gif) Tooltips feature in .NET MAUI Toolbar ### Appearance customization The Toolbar control offers customization options that make it easy to adapt to different aesthetic preferences and system themes. Users can adjust icon and label colors to seamlessly match both light and dark themes, ensuring a visually consistent appearance throughout the app. Refer to the following images. ![Light theme in .NET MAUI Toolbar](https://www.syncfusion.com/blogs/wp-content/uploads/2025/03/Light-theme.png) Light theme in .NET MAUI Toolbar ![Dark theme in .NET MAUI Toolbar](https://www.syncfusion.com/blogs/wp-content/uploads/2025/03/Dark-theme.png) Dark theme in .NET MAUI Toolbar ## Getting started with .NET MAUI Toolbar control We’ve seen some of the key features of the .NET MAUI Toolbar control. Now, let’s see how to integrate it into your app. ### Register the handler for Syncfusion core First, we must set up the Syncfusion core handler in the **MauiProgram.cs** file to use the .NET MAUI controls. ``` using Syncfusion.Maui.Core.Hosting; ... builder .UseMauiApp() .ConfigureSyncfusionCore(); ``` ### Add the .NET MAUI Toolbar control with items - [Create a new .NET MAUI app](https://learn.microsoft.com/en-us/dotnet/maui/get-started/first-app?view=net-maui-9.0&tabs=vswin&pivots=devices-android) in [Visual Studio](https://visualstudio.microsoft.com/) . - Syncfusion .NET MAUI controls are available in the [NuGet Gallery](https://www.nuget.org/) . To add the **SfToolbar** to your project, open the NuGet package manager in Visual Studio, search for [Syncfusion.Maui.Toolbar](https://www.nuget.org/packages/Syncfusion.Maui.Toolbar) , then install it. - Now, import the control namespace **Syncfusion.Maui.Toolbar** in XAML or C# code and initialize the **SfToolbar** control.** MainPage.xaml** ``` xmlns:toolbar="clr-namespace:Syncfusion.Maui.Toolbar;assembly=Syncfusion.Maui.Toolbar" ... ``` - Finally, add the items to the **SfToolbar** control.** MainPage.xaml** ``` ``` Refer to the following output image. ![Adding Toolbar control in .NET MAUI app](https://www.syncfusion.com/blogs/wp-content/uploads/2025/03/gettingstarted-1.png) Adding Toolbar control in the .NET MAUI app **Note:** Refer to the [documentation](https://help.syncfusion.com/maui/icons) to add the **MauiMaterialAssets** custom font to the Toolbar. ## GitHub reference For more details, refer to the [.NET MAUI Toolbar GitHub demo](https://github.com/SyncfusionExamples/maui-toolbar/tree/Gettingstarted/GettingStarted) . ## Conclusion Thanks for reading! In this blog, we explored the features of the new Syncfusion [.NET MAUI Toolbar](https://www.syncfusion.com/maui-controls/maui-toolbar) control and its customization options. This control is available in our [2025 Volume 1](https://www.syncfusion.com/forums/196488/essential-studio-2025-volume-1-main-release-v29-1-33-is-available-for-download) release. For more details, check out the[.NET MAUI Toolbar documentation](https://help.syncfusion.com/maui/toolbar/overview) . For our existing Syncfusion customers, the newest version of Essential Studio is available from the [license and downloads page](https://www.syncfusion.com/account/downloads) . If you are not a customer, try our 30-day [free trial](https://www.syncfusion.com/downloads) to check out these new features. If you have questions, contact us through our [support forums](https://www.syncfusion.com/forums) , [feedback portal](https://www.syncfusion.com/feedback) , or [support portal](https://support.syncfusion.com/) . We are always happy to assist you! ## Related Blogs [Stock Market Trends Analysis Using .NET MAUI Toolkit Candle Chart](https://www.syncfusion.com/blogs/post/analyze-stocks-in-maui-toolkit-chart) [Introducing the New .NET MAUI Toolkit OTP Input Control](https://www.syncfusion.com/blogs/post/new-dotnet-maui-toolkit-otp-input) [Create AI-Powered Smart .NET MAUI Data Forms for Effortless Data Collection](https://www.syncfusion.com/blogs/post/ai-powered-smart-net-maui-data-forms) [Unlock Insights on Export Trends with a .NET MAUI Toolkit Stacked Area Chart](https://www.syncfusion.com/blogs/post/visualize-export-trends-maui-toolkit)