<a id="checkbox"></a>

## Checkbox  
**Category**: Data Input
Allow users to select one or multiple options from a set
### Examples

#### Basic Checkbox  
```python
Input(type='checkbox', checked='checked', cls='checkbox')
```

#### Color Variants  
```python
Input(type='checkbox', checked='checked', cls='checkbox checkbox-primary'),
Input(type='checkbox', checked='checked', cls='checkbox checkbox-secondary'),
Input(type='checkbox', checked='checked', cls='checkbox checkbox-neutral'),
Input(type='checkbox', checked='checked', cls='checkbox checkbox-accent'),
Input(type='checkbox', checked='checked', cls='checkbox checkbox-info'),
Input(type='checkbox', checked='checked', cls='checkbox checkbox-success'),
Input(type='checkbox', checked='checked', cls='checkbox checkbox-warning'),
Input(type='checkbox', checked='checked', cls='checkbox checkbox-error'),
```

#### With Fieldset and Label  
```python
Fieldset(
    Legend('Login options', cls='fieldset-legend'),
    Label(
        'Remember me',
        Input(type='checkbox', checked='checked', cls='checkbox'),
        cls='fieldset-label'
    ),
    cls='fieldset p-4 bg-base-100 border border-base-300 rounded-box w-64'
)
```

#### Size Variants  
```python
Input(type='checkbox', cls='checkbox checkbox-xs'),
Input(type='checkbox', cls='checkbox checkbox-sm'),
Input(type='checkbox', cls='checkbox checkbox-md'),
Input(type='checkbox', cls='checkbox checkbox-lg'),
Input(type='checkbox', cls='checkbox checkbox-xl'),
```

#### Disabled State  
```python
Input(type='checkbox', disabled=true, cls='checkbox'),
Input(type='checkbox', disabled=true, checked='checked', cls='checkbox'),
```

#### Indeterminate State  
```python
Input(type='checkbox', id='my-checkbox', cls='checkbox', onclick="event.preventDefault()"),
Script('document.getElementById("my-checkbox").indeterminate = true')
```

#### Custom Colors  
```python
Input(
    type='checkbox',
    checked=True,
    cls='checkbox border-indigo-600 bg-indigo-500 checked:bg-orange-400 checked:text-orange-800 checked:border-orange-500'
)
```