A customizable badge with common types and colors.
Displays the notification count or status in different sizes.
Integrates with controls like ListView and TabView.

.NET 10 support now available

Trusted by the world’s leading companies

Overview

The .NET MAUI Badge View is a notification control that is used to notify users of new or unread messages, notifications, or status information. It can easily be integrated with controls like ListView, Tab View, and other container controls.

.NET MAUI Badge View Code Example

Easily get started with the .NET MAUI Badge View using a few simple lines of XAML code example as demonstrated below. Also, explore our .NET MAUI Badge View Example that shows you how to render and configure the .NET MAUI Badge View.

xaml
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:badge="clr-namespace:Syncfusion.Maui.Core;assembly=Syncfusion.Maui.Core"
             x:Class="GettingStartedBadgeView.MainPage">
    <badge:SfBadgeView HorizontalOptions="Center" VerticalOptions="Center" BadgeText="20">
        <badge:SfBadgeView.Content>
            <Button Text="Primary" WidthRequest="120"  HeightRequest="60"/>
        </badge:SfBadgeView.Content>
    </badge:SfBadgeView>
</ContentPage>

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 position documentation

.NET MAUI Badge View showing left badge position in the badge content.

Left

The badge will be placed at the left horizontally and in the center vertically.

.NET MAUI Badge View showing right badge position in the badge content.

Right

The badge will be placed at the right horizontally and in the center vertically.

.NET MAUI Badge View showing top badge position in the badge content.

Top

The badge will be placed at the top vertically and in the center horizontally.

.NET MAUI Badge View showing bottom badge position in the badge content.

Bottom

The badge will be placed at the bottom vertically and in the center horizontally.

.NET MAUI Badge View showing bottom left badge position in the badge content.

Bottom left

The badge will be placed at the bottom left corner.

.NET MAUI Badge View showing bottom right badge position in the badge content.

Bottom right

The badge will be placed at the bottom right corner.

.NET MAUI Badge View showing top left badge position in the badge content.

Top left

The badge will be placed at the top left corner.

.NET MAUI Badge View showing top right badge position in the badge content.

Top right

The badge will be placed at the top right corner.

Badge type

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

Badge type documentation

.NET MAUI Badge View showing customized background color.

.NET MAUI Badge View showing customized alignment support.

Badge alignment

Position badges to match content alignment: start, end, or center modes ensure badges align appropriately with related content for a consistent arrangement design.

Badge alignment documentation

Badge icon

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

.NET MAUI Badge View showing customized icon support.

Badge customization

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

Badge customization documentation

.NET MAUI Badge View showing customized font support.

Font customization

Customize the badge font size, family, and color to improve readability.

Font customization documentation

.NET MAUI Badge View showing customized badge text padding support.

Badge text padding

Customize the badge text padding to enhance readability.

Badge text padding documentation

.NET MAUI Badge View showing customized rounded corner badge support.

Badge with rounded corners

Create badges with rounded corners to enhance their appearance.

Badge with rounded corners documentation

Animation

The .NET MAUI Badge View control provides a visually appealing way to animate badges when their notification values change.

Animation documentation

.NET MAUI Badge View control showing changing badge text though animation.

Our comprehensive competitor comparison of .NET MAUI controls will guide you to the perfect choice.

95+ UI controls

200+ interactive .NET MAUI demos

1.8M+ downloads

Explore Complete .NET MAUI Comparison

Not sure how to create your first .NET MAUI Badge View? Our tutorial videos and documentation can help.

I’d love to watch it now I’d love to read it now

Frequently Asked Questions

✅ Why should you choose the .NET MAUI Badge View?

The Syncfusion .NET MAUI Badge View supports the following features:

Notification badges are easily customized with widely used badge types and standard colors.
The notification count or status information can be displayed in different sizes and contextual color variants.
Easy integration with other controls such as ListView and Tab View.
Simple configuration and APIs.
One of the best .NET MAUI Badge Views in the market, offering feature-rich UI to interact with the software.
Mobile-touch friendly.
Extensive demos, documentation, and videos to let you get started quickly with the .NET MAUI Badge View.

✅ Where can I find the Syncfusion .NET MAUI Badge View demo?

You can find our .NET MAUI Badge View demo, which demonstrates how to render and configure the Badge View.

✅ Can I download and utilize the Syncfusion .NET MAUI Badge View for free?

No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.

✅ How do I get started with Syncfusion .NET MAUI Badge View?

A good place to start would be our comprehensive getting started documentation.

.NET MAUI DataViz & UI Controls

GRIDS

DataGrid

DATA VISUALIZATION

LAYOUT

CALENDARS

NAVIGATION

VIEWER

Markdown Viewer PREVIEW

EDITORS

BUTTONS

SLIDERS

NOTIFICATION

MISCELLANEOUS

CONVERSATIONAL UI

PROJECT MANAGEMENT

Kanban Board

TOOLBAR

Toolbar

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion^® reduces customers’ development time.
Here are some of their experiences.

Using the MAUI Components to improve the quality of our software offerings

The ease of use and documentation to get us going. Our customer have also given us good feedback on the components.

Philip D,

Operations Director, Small-Business

Migration Xamarin to MAUI

Clarity with MAUI upgrade and completeness as related to Xamarin as the predecessor.

Edward J R,

President, Small-Business

See Real Success Stories

Developers around the world trust Syncfusion’s Essential Studio to simplify complex projects and speed up delivery. With a vast library of UI controls, powerful SDKs, and reliable support, Essential Studio helps teams build enterprise-ready applications with confidence.

Explore Case Studies

Industry

Software development

75%Cost reduction

50%Faster development

“If somebody is looking for a great tool to work with? Yes. I would definitely recommend Syncfusion for anyone who is trying to develop something meaningful.”

- Somnath Maji (Founder of Igniatek Consultancy)

Read Story