Basic state color badges

3 4 7 11 8 1

Basic style examples

3 4 new hot 8 7 1

Medium size:

3 4 7 11 8 1

3 4 2 9 8 7 1

Large size:

3 4 7 11 8 1

3 4 2 9 8 7 1

Primary Secondary Success Danger Warning Info Light Dark

Square style badges:

3 4 7 11 8 1

Dot style examples:

Wide badges for longer text:

new pending 203 hot fixed in proccess

Primary Secondary Success Danger Warning Info Light Dark

Basic state color badges

3 4 7 11 8 1