# Checkbox

**File Name:** Checkbox.tsx

**Imports:**
- Checkbox from Material-UI: [Checkbox Doc](https://material-ui.com/components/checkboxes/#checkbox)
- FormControlLabel from '@material-ui/core/FormControlLabel': [FormControlLabel API](https://material-ui.com/api/form-control-label/#formcontrollabel-api)
- Checkbox from '@material-ui/core/Switch': [Checkbox API](https://material-ui.com/api/checkbox/#checkbox-api)

**Example:** 
- Active Checkbox
- Approve Checkbox
- Overtime Checkbox
- Edit Multiple Days Checkbox
- Email Link Checkbox

**Description:** 
- Pages: 
    - Create Schedule page
    - Create Time Slot page
    - Edit Schedule page
    - Edit Time Slot page
    - Create User page
- The switch will be used to allow the toggling of a particular option.

**I/O:** 
- Clicking the checkbox will toggle on or off the labeled option. 
- Ex. toggling the "active" checkbox in the Create Schedule page will set the schedule to "active" when saved.

**Code Example**

<img src="../../images/components/Checkbox.png" width="400"/>