<a id="toast"></a>

## Toast  
**Category**: Feedback
Temporary notifications for displaying system messages
### Examples

#### Basic Toast  
```python
Div(
    Div(
        Span('New message arrived.'),
        cls='alert alert-info'
    ),
    cls='toast'
)
```

#### Position: Top Start  
```python
Div(
    Div("New mail arrived.", cls="alert alert-info"),
    Div("Message sent successfully.", cls="alert alert-success"),
    cls="toast toast-top toast-start"
)
```

#### Position: Top Center  
```python
Div(
    Div("New mail arrived.", cls="alert alert-info"),
    Div("Message sent successfully.", cls="alert alert-success"),
    cls="toast toast-top toast-center"
)
```

#### Position: Top End  
```python
Div(
    Div("New mail arrived.", cls="alert alert-info"),
    Div("Message sent successfully.", cls="alert alert-success"),
    cls="toast toast-top toast-end"
)
```

#### Position: Middle Start  
```python
Div(
    Div("New mail arrived.", cls="alert alert-info"),
    Div("Message sent successfully.", cls="alert alert-success"),
    cls="toast toast-start toast-middle"
)
```

#### Position: Middle Center  
```python
Div(
    Div("New mail arrived.", cls="alert alert-info"),
    Div("Message sent successfully.", cls="alert alert-success"),
    cls="toast toast-center toast-middle"
)
```

#### Position: Middle End  
```python
Div(
    Div("New mail arrived.", cls="alert alert-info"),
    Div("Message sent successfully.", cls="alert alert-success"),
    cls="toast toast-end toast-middle"
)
```

#### Position: Bottom Start  
```python
Div(
    Div("New mail arrived.", cls="alert alert-info"),
    Div("Message sent successfully.", cls="alert alert-success"),
    cls="toast toast-start"
)
```

#### Position: Bottom Center  
```python
Div(
    Div("New mail arrived.", cls="alert alert-info"),
    Div("Message sent successfully.", cls="alert alert-success"),
    cls="toast toast-center"
)
```

#### Position: Bottom End  
```python
Div(
    Div("New mail arrived.", cls="alert alert-info"),
    Div("Message sent successfully.", cls="alert alert-success"),
    cls="toast toast-end"
)
```

