---
title: Statuses
description: Status dots are particularly useful if you want to make an interface element more noticeable regardless of limited space.
---
## Default markup
```html example vertical
Blue
Azure
Indigo
Purple
Pink
Red
Orange
Yellow
Lime
Green
Teal
Cyan
```
```html
Blue
Azure
...
```
## Status with dot
```html example code vertical
Blue
Azure
Indigo
Purple
Pink
Red
Orange
Yellow
Lime
Green
Teal
Cyan
```
### Animated dot
```html example code vertical
Blue
Azure
Indigo
Purple
Pink
Red
Orange
Yellow
Lime
Green
Teal
Cyan
```
## Lite status
```html example code vertical
Blue
Azure
Indigo
Purple
Pink
Red
Orange
Yellow
Lime
Green
Teal
Cyan
```
## Status dots
```html example code vertical
```
### Animated dots
```html example code vertical
```
## Status indicator
```html code example vertical
```