# Badges

Add any of the below mentioned modifier classes to change the appearance of a badge.

Default Primary Success Danger Info Warning

### Pill Badges

Use the `.rounded-pill` modifier class to make badges more rounded.

Default Primary Success Danger Info Warning

### Gradient Badges

Add any of the below mentioned modifier classes to change the appearance of a badge.

Default Primary Success Danger Info Warning

### Gradient Pill Badges

Use the `.rounded-pill` modifier class to make badges more rounded.

Default Primary Success Danger Info Warning

### Buttons with Badges

Badges can be used as part of links or buttons to provide a counter.

### Buttons with Rounded Badges

Badges can be used as part of links or buttons to provide a counter.

### Heading Badges

Badges scale to match the size of the immediate parent element by using relative font sizing and `em` units. As of v5, badges no longer have focus or hover styles for links.

# Heading 01 New

## Heading 02 New

### Heading 03 New

#### Heading 04 New

##### Heading 05 New

###### Heading 06 New

### Color Heading Badges

Badges scale to match the size of the immediate parent element by using relative font sizing and `em` units. As of v5, badges no longer have focus or hover styles for links.

# Heading 01 New

## Heading 02 New

### Heading 03 New

#### Heading 04 New

##### Heading 05 New

###### Heading 06 New

###### Choose Country

- USA
- Italy
- Spain
- India
- French
- Russia
- Germany
- Argentina
- Malaysia
- Turkey