# <Checkboxes /> Component

## Description

A component that shows a LIVE list of checkboxes or tools for configuring the group of checkboxes look, feel, and behavior

## Checklist

This component should...

- (Rendering) Should render in the dom
- (Rendering) Should render an EDITOR or LIVE version of the component based on the value of the mode prop
- (Rendering) Should render a regular list of checkboxes when the mode is live
- (Rendering) Should render the AttributeContainer component when the mode is edit
- (Rendering) Should render a question that asks whether or not to show it as a checkbox or a toggle switch
- (Rendering) Should see that the <Label /> component has been rendered in the dom
- (Rendering) Should see that the <Description /> component has been rendered in the dom
- (Rendering) Should see that the <Required /> component has been rendered in the dom
- (Rendering) Should see that the <SortableList /> component has been rendered in the dom
- (Rendering) Should only see that the <Validation /> component has been rendered if the "hide" value is false
- (Events) Should trigger the onChange event (via handleChange()) if the AttributeContainer's onChange event is called
- (Events) Should trigger the onChange event with appropriate payload if the toggle switch is toggled
- (Actions) handleChange should convert the incoming payload to LiveFormFieldProps
- (Actions) Should trigger the onChange event with appropriate payload (via handleChange()) when the list sortable items change

## Usage

To install it...

> npm install @sandcastle/components

Add it to your project...

```
import * as React from 'react'
import * as Checkboxes from '@sandcastle/components/Checkboxes`

export default () => (
  <Checkboxes

  />
)
```

## Best Practices

To do: Add any Best Practices here

## Lifecycle Hooks

To do: Add any Lifecycle Hooks here

## Related Components

To do: Add any Related Components here