<a id="status"></a>

## Status  
**Category**: Data Display
Visual indicator for element states
### Examples

#### Basic Status  
```python
Span(cls="status")
```

#### Status Sizes  
```python
Div(aria_label='status', cls='status status-xs'),
Div(aria_label='status', cls='status status-sm'),
Div(aria_label='status', cls='status status-md'),
Div(aria_label='status', cls='status status-lg'),
Div(aria_label='status', cls='status status-xl')
```

#### Status Colors  
```python
Div(aria_label='status', cls='status status-primary'),
Div(aria_label='status', cls='status status-secondary'),
Div(aria_label='status', cls='status status-neutral'),
Div(aria_label='status', cls='status status-accent'),
Div(aria_label='info', cls='status status-info'),
Div(aria_label='success', cls='status status-success'),
Div(aria_label='warning', cls='status status-warning'),
Div(aria_label='error', cls='status status-error')
```

#### Ping Animation  
```python
Div(
    Div(cls='status status-error animate-ping'),
    Div(cls='status status-error'),
    cls='inline-grid *:[grid-area:1/1]'
),
'Server is down'
```

#### Bounce Animation  
```python
Div(cls='status status-info animate-bounce'),
'Unread messages'
```