Skip to content

Badge

A numeric/status badge, typically used for message counts or new-content indicators.

Basic usage

Numeric badges

NotificationsUnread

Max display

When the value exceeds max, max+ is displayed.

Max display

Comments

Dot

Status dot

Online

Zero value

0 is hidden by default; shown when showZero is set.

Zero value control

Hidden by defaultShow 0

API

Attributes

AttributeDescriptionTypeDefault
dotDot modeboolean
maxUpper limitstring
showZeroWhether to show when value=0boolean
valueNumberstring

Slots

NameDescription
default