## Badge

Add the .badge class to an element to create a badge. In the code example `<span>` is used, but any tag will do.

Example Markup

// Circle (default)

1 2 A B 6 2318 76

// Square

Use this version only for single digits or numbers. For longer text use the `.label` class.

1 2 A B 6 D 9

                        1
                        2
                        A
                        B
                        6
                        2318
                        76

### Element with badge

Add the div with `.element-with-badge` class and put inside your element and after it the badge.

Example Markup
Default 8
Primary 6
Hollow 4

                        Default8
                        Primary6
                        Hollow4