---
name: labels-badges
url: /labels-badges
---
## Label & Badges
***
### Basic HTML
#### Label
You can create Labels with this basic HTML:
```html
Default Label
Success Label
Alert Label
Warning Label
```
Default Label
Success Label
Alert Label
Warning Label
***
#### Badge
```html
7
1313
A
7
7
7
```
***
### Sass Variables
You can customize tabs with these variables in the `_settings.scss` file:
```html
// Label styles
$label-fontsize: 0.8rem;
$label-padding: ($global-padding / 3) ($global-padding / 2);
$label-radius: 0;
$label-background: $primary-color;
$label-color: isitlight($primary-color);
// Badge styles
$badge-fontsize: .8em;
$badge-padding: .1em .61em;
$badge-radius: $global-rounded;
$badge-background: $primary-color;
$badge-font-color: #fff;
```