# Tag
[component-header:sl-tag]
Tags are used as labels to organize things or to indicate a selection.
```html preview
Primary
Success
Info
Warning
Danger
```
## Examples
### Size
Use the `size` prop to change a tab's size.
```html preview
Small
Medium
Large
```
### Pill
Use the `pill` prop to give tabs rounded edges.
```html preview
Small
Medium
Large
```
### Clearable
Use the `clearable` attribute to add a clear button to the tag.
```html preview
Small
Medium
Large
```
[component-metadata:sl-tag]