> For the complete documentation index, see [llms.txt](https://wotamann.gitbook.io/vuetify-form-base/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wotamann.gitbook.io/vuetify-form-base/input-and-controls-1/checkbox-and-switch.md).

# Checkbox, Switch & Sliders

## Checkbox

**Checkboxes** are used when there are lists of options and the user may select any number of choices, including zero, one, or several.

```javascript
// Checkbox Shorthand
schema: { 
    ctrl: 'checkbox',
    ... 
}
// Checkbox
schema: { 
    ctrl: { 
        type:'checkbox', 
        ...
    }, 
    ... 
}
```

### [Info to Vuetify Checkbox](https://vuetifyjs.com/en/components/selection-controls/)

## Switches

**Switches** are used when there are lists of options and the user may select any number of choices, including zero, one, or several.

```javascript
// Switch: 
schema: { 
    ctrl: { 
        type:'switch', 
        ...
    }, 
    ... 
}

```

### [Info to Vuetify Switches](https://vuetifyjs.com/en/components/switches/)

## Slider

A **slider control** is a composite **control** enable a user to set a numerical range or select from a set of items.

```javascript
// Slider: 
schema: { 
    ctrl: { 
        type:'slider', 
        ...
    }, 
    ... 
}
```

### [Info to Vuetify Sliders](https://vuetifyjs.com/en/components/sliders/)

## [Example Online](https://wotamann.github.io/css/)

####

####