## CheckboxGroup
`CheckboxGroup` is a group of checkboxs, which is used to select a group of options. It has vertical and horizontal styles.
### Example
- Vertical order
Default is vertical order style.
```html
```
```js
export default {
data() {
return {
checkList: ['1', '4'],
options: [
'1',
'2',
{
label: '3',
value: '3',
disabled: true
},
{
label: '4',
value: '4',
disabled: true
}
]
}
}
}
```
The value of `checkList` is an array, which represents the set of the values of `value` in selected checkboxs.
- Horizontal order and icon shape
You can set `horizontal` to change the style to horizontal order. Besides, you could use `shape` to configure the shape of icon
```html
```
- Use slot
```html
Checkbox 1
Checkbox 2
Disabled Checkbox
Disabled & Checked Checkbox
```
Use `cube-checkbox`, [cube-checkbox doc](#/en-US/docs/checkbox).
### Props configuration
| Attribute | Description | Type | Accepted Values | Default |
| - | - | - | - | - |
| options | array of checkbox options | Array | - | - |
| horizontal | whether in horizontal order | Boolean | true/false | false |
| shape | icon shape | String | circle/square | circle |
* `options` sub configuration
| Attribute | Description | Type |
| - | - | - |
| label | label content | String |
| value | checkbox item value | String/Number |
| disabled | whether disabled | Boolean |
Note: each `options` item can be an string value, now both the`label` and `value` values are the string value.