checkboxbuttongroup.js

import React from 'react'
import CheckboxButtonGroup, { CheckboxButton } from 'components/utils/CheckboxButtonGroup'

class DemoCheckboxButtonGroup extends React.Component {
  constructor(props) {
    super(props)
    this.state = { checkboxDemo: ['red'], event: {} }
  }

  onChange = (event) => {
    const { target: { name, value } } = event
    this.setState({ [name]: value, event: event })
  }

  renderCheckboxButtonGroup() {
    return (
      <CheckboxButtonGroup name="checkboxDemo" value={this.state.checkboxDemo} onChange={this.onChange}>
        <CheckboxButton layoutClass="col-md-7" value="red">Red</CheckboxButton>
        <CheckboxButton layoutClass="col-md-7" value="green">Green</CheckboxButton>
        <CheckboxButton layoutClass="col-md-7" value="blue">Blue</CheckboxButton>
      </CheckboxButtonGroup>
    )
  }

  render() {
    return (
      <div>
        {this.renderCheckboxButtonGroup()}
      </div>
    )
  }
}

export { DemoCheckboxButtonGroup }