InfoBadge QML Type

A badge indicator that displays a count or a dot. More...

Import Statement: import FluentUI.Controls 1.0

List of all members, including inherited members

Properties

count : int
dot : bool

Detailed Description

InfoBadge provides a compact notification indicator typically attached to navigation items, icons, or buttons. It can show a numeric count to indicate the number of pending notifications or items, or a simple dot indicator when only a presence signal is needed.

Usage Example

 import QtQuick
 import FluentUI.Controls

 InfoBadge {
     count: 5
 }

 InfoBadge {
     dot: true
 }

Property Documentation

count : int

The number displayed inside the badge. When set to 0, the badge is hidden. Values greater than 99 are displayed as "99+".

dot : bool

Whether to show the badge as a simple dot indicator instead of a numeric count. Defaults to false. When true, the count value is ignored.

Contents