<a id="tooltip"></a>

## Tooltip  
**Category**: Feedback
Informative text that appears when hovering over an element
### Examples

#### Basic Tooltip  
```python
Div(
    Button('Hover me', cls='btn'),
    data_tip='hello',
    cls='tooltip'
)
```

#### Primary Color  
```python
Div(
    Button('Primary', cls='btn btn-primary'),
    data_tip='Primary',
    cls='tooltip tooltip-open tooltip-primary'
)
```

#### Secondary Color  
```python
Div(
    Button('Secondary', cls='btn btn-secondary'),
    data_tip='Secondary',
    cls='tooltip tooltip-open tooltip-secondary'
)
```

#### Accent Color  
```python
Div(
    Button('Accent', cls='btn btn-accent'),
    data_tip='Accent',
    cls='tooltip tooltip-open tooltip-accent'
)
```

#### Info Color  
```python
Div(
    Button('Info', cls='btn btn-info'),
    data_tip='Info',
    cls='tooltip tooltip-open tooltip-info'
)
```

#### Success Color  
```python
Div(
    Button('Success', cls='btn btn-success'),
    data_tip='Success',
    cls='tooltip tooltip-open tooltip-success'
)
```

#### Warning Color  
```python
Div(
    Button('Warning', cls='btn btn-warning'),
    data_tip='Warning',
    cls='tooltip tooltip-open tooltip-warning'
)
```

#### Error Color  
```python
Div(
    Button('Error', cls='btn btn-error'),
    data_tip='Error',
    cls='tooltip tooltip-open tooltip-error'
)
```

#### Force Open  
```python
Div(
    Button('Force open', cls='btn'),
    data_tip='hello',
    cls='tooltip tooltip-open'
)
```

#### Responsive  
```python
Div(
    Button('Hover me', cls='btn'),
    data_tip='hello',
    cls='lg:tooltip'
)
```