Breadcrumb arrow Back to Code Examples

Getting Started With The .NET MAUI Badgeview Control

Sample date Updated on Sep 13, 2025
Browse Code Git logo Download
badge badges badgeview maui maui-badge

The .NET MAUI Badge View is a notification control that is used to notify users of new or unread messages, notifications, or status information. A quick-start project that helps you integrate the Syncfusion Badge View control with a .NET MAUI application by adding the Syncfusion MAUI Core package from NuGet. This project contains simple code to apply predefined styles, icons, and other customizations.

Adding the .NET MAUI BadgeView

Step 1: Add the NuGet to the project and add the namespace as shown in the following code sample:

[XAML]

xmlns:badge="clr-namespace:Syncfusion.Maui.Core;assembly=Syncfusion.Maui.Core"

[C#]

    using Syncfusion.Maui.Core;

Step 2: Set the BadgeView control to content in ContentPage.

<badge:SfBadgeView >        
</badge:SfBadgeView>

[C#]

SfBadgeView sfBadgeView = new SfBadgeView();
this.Content = sfBadgeView

Step 3: Adding a content

An Image, button, or label or any view can be added to the Badge View using the Content property.

<badge:SfBadgeView HorizontalOptions="Center" VerticalOptions="Center" BadgeText="20">
        <badge:SfBadgeView.Content>
            <Button Text="Primary" WidthRequest="120"  HeightRequest="60"/>
        </badge:SfBadgeView.Content>
</badge:SfBadgeView>

Project pre-requisites

Make sure that you have the compatible versions of Visual Studio with .NET MAUI workloads and .NET SDK version in your machine before starting to work on this project. Refer to System Requirements for .NET MAUI.

How to run this application?

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

Troubleshooting

Path too long exception

If you are facing a path too long exception when building this example project, close Visual Studio rename the repository to short, and build the project.

License

Syncfusion has no liability for any damage or consequence that may arise by using or viewing the samples. The samples are for demonstrative purposes, and if you choose to use or access the samples, you agree to not hold Syncfusion liable, in any form, for any damage that is related to use, for accessing, or viewing the samples. By accessing, viewing, or seeing the samples, you acknowledge and agree Syncfusion’s samples will not allow you seek injunctive relief in any form for any claim related to the sample. If you do not agree to this, do not view, access, utilize, or otherwise do anything with Syncfusion’s samples.

Features and Benefits

Badge Position

Change and move badges to the left, right, top, bottom, bottom-left, bottom-right, top-left, or top-right position on the content as needed.

Badge Type

Eight predefined contextual color variants are available for badges, including primary, secondary, warning, error, and more.

Badge Alignment

Align badges to their content in start, end, and center modes.

Badge Icon

The .NET MAUI Badge View control provides predefined notification symbols such as available, busy, away, delete, and more.

Badge Customization

Customize the .NET MAUI Badge View Customization control’s background color, text color, and font styles easily.

Learn More about .NET MAUI Badge View

Download Free Trial

Pricing

Documentation

View Demos

Community Forums

Suggest a feature or report a bug

Online example

About Syncfusion .NET MAUI Controls

Syncfusion's .NET MAUI UI Controls library is the only suite that you will ever need to build an application since it contains over 40 high-performance, lightweight, modular, and responsive UI Controls in a single package. In addition to Badge View, we provide popular .NET MAUI Controls such as DataGridCharts, Scheduler, ListView, and Excel Library.

About Syncfusion

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

Today, we provide 1800+ components and frameworks for web (Blazor, ASP.NET Core, ASP.NET MVC, ASP.NET WebForms, JavaScript, Angular, React, Vue, and Flutter), mobile (Xamarin, Flutter, UWP, JavaScript, and .NET MAUI), and desktop development (WinForms, WPF, WinUI,UWP, Flutter, and .NET MAUI). 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.

[email protected] | www.syncfusion.com | Toll Free: 1-888-9 DOTNET

Up arrow