<a id="label"></a>

## Label  
**Category**: Data Input
Input labels with positioning and floating variants
### Examples

#### Basic Input Label  
```python
Label(
    Span('https://', cls='label'),
    Input(type='text', placeholder='URL'),
    cls='input'
)
```

#### End Position Label  
```python
Label(
    Input(type='text', placeholder='domain name'),
    Span('.com', cls='label'),
    cls='input'
)
```

#### Label for Select  
```python
Label(
    Span('Type', cls='label'),
    Select(
        Option('Personal'),
        Option('Business')
    ),
    cls='select'
)
```

#### Label for Date Input  
```python
Label(
    Span('Publish date', cls='label'),
    Input(type='date'),
    cls='input'
)
```

#### Floating Label  
```python
Label(
    Span('Your name'),
    Input(type='text', placeholder='Your name', cls='input input-md'),
    cls='floating-label'
)
```

#### Different Size Floating Labels  
```python
Label(
    Input(type='text', placeholder='Extra Small', cls='input input-xs'),
    Span('Extra Small'),
    cls='floating-label'
)
Label(
    Input(type='text', placeholder='Small', cls='input input-sm'),
    Span('Small'),
    cls='floating-label'
)
Label(
    Input(type='text', placeholder='Medium', cls='input input-md'),
    Span('Medium'),
    cls='floating-label'
)
Label(
    Input(type='text', placeholder='Large', cls='input input-lg'),
    Span('Large'),
    cls='floating-label'
)
Label(
    Input(type='text', placeholder='Extra Large', cls='input input-xl'),
    Span('Extra Large'),
    cls='floating-label'
)
```