Badge

Documentation and examples for badges, our small count and labeling component.

Component NameDevelopment Status
BadgeDONE

Examples

You can find all examples for components developed in this module here.

Badge Example

Very basic Badge component examples. Note that if count property is not set, or set to 0, badge will be hidden.

8
1
99+
20
5
2
3

Dots Example

Badges can be used as dot indicators. These indicators have a nice, subtle animation. When isDot set to true, count will not be shown. You can also use Text property of this component when isDot mode set to true.

Badge Text
Text
Text
Text
Text
Text
Text
Text

Advanced Example

You can find examples of using badged with other components.

EK8
EK
EK99+
8