Toggle component is a styled wrapper to a checkbox / label pair. It accepts a "checked" prop, and a "onToggle" prop that is triggered by the checkbox onChange event.

### Default example

```jsx live=true
() => {
	const [checked, setChecked] = React.useState(false)
	return <Toggle
		checked={checked}
		onChange={(e) => {
			setChecked(e.target.checked);
		}}
	/>
}
```

### Invalid state

```jsx live=true
() => {
	const [checked, setChecked] = React.useState(false)
	return <Toggle
    isValid={false}
		checked={checked}
		onChange={(e) => {
			setChecked(e.target.checked);
		}}
	/>
}
```