Badge

A number or status mark on buttons and icons.

Basic usage

Displays the amount of new messages.

You can customize the max value.

Displays text content other than numbers or different styles.

Use a red dot to mark content that needs to be noticed.

Attribute	Description	Type	Default
value	display value	string / number	—
max	maximum value, shows {max}+ when exceeded. Only works if value is a number	number	99
is-dot	if a little dot is displayed.	boolean	false
hidden	hidden badge	boolean	false
type	badge type	primary / success / warning / danger / info	danger
content-class	CSS class of content	string	—

Name	Description
default	customize default content