We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
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.
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.
<?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>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.
The badge will be placed at the left horizontally and in the center vertically.
The badge will be placed at the right horizontally and in the center vertically.
The badge will be placed at the top vertically and in the center horizontally.
The badge will be placed at the bottom vertically and in the center horizontally.
The badge will be placed at the bottom left corner.
The badge will be placed at the bottom right corner.
The badge will be placed at the top left corner.
The badge will be placed at the top right corner.
Eight predefined contextual color variants are available for badges, including primary, secondary, warning, error, and more.
Position badges to match content alignment: start, end, or center modes ensure badges align appropriately with related content for a consistent arrangement design.
The .NET MAUI Badge View control provides predefined notification symbols such as available, busy, away, delete, and more.
Customize the MAUI Badge View control’s background color, text color, and font styles easily.
Customize the badge font size, family, and color to improve readability.
Customize the badge text padding to enhance readability.
Create badges with rounded corners to enhance their appearance.
The .NET MAUI Badge View control provides a visually appealing way to animate badges when their notification values change.
60+ UI controls
200+ interactive .NET MAUI demos
843K+ downloads
The Syncfusion .NET MAUI Badge View supports the following features:
You can find our .NET MAUI Badge View demo, which demonstrates how to render and configure the Badge View.
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.
A good place to start would be our comprehensive getting started documentation.
Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.
