#### Checkbox

```jsx
import { Flex } from '@ui/components';

<Flex justify="center">
  <Toggle defaultChecked={true} label="Allow Owls" type="checkbox" />
</Flex>
```

#### Toggle
Note: The size prop only applies to the toggle.

```jsx
import { Flex } from '@ui/components';

<Flex align="center" justify="center">
  <Toggle label="Enable Owls" name="test" type="toggle"/>
  <Toggle label="Enable Large Owls" name="test" size="lg" type="toggle"/>
</Flex>
```

#### Radio

```jsx
import { Flex } from '@ui/components';

<Flex justify="center">
  <Toggle label="Barn Owl" name="owl" type="radio"/>
  <Toggle label="Horned Owl" name="owl" type="radio" defaultChecked={true}/>
  <Toggle label="Snow Owl" name="owl" type="radio"/>
</Flex>
````
