react-conventions/docs/src/app/pages/components/ButtonGroup/ExampleButtonGroupCallback.js

An open source set of React components that implement Ambassador's Design and UX patterns.

import React from 'react'
import ButtonGroup from 'react-conventions/lib/ButtonGroup/ButtonGroup'
import style from './style'

class ExampleButtonGroupCallback extends React.Component {
  constructor(props) {
    super(props)
  }

  state = {
    status: null
  }

  handleChange = (event, value) => {
    this.setState({status: value + ' is checked'})
  }

  render() {
    const options = [
      {
        value: 'Option 1',
        label: 'Option 1'
      },{
        value: 'Option 2',
        label: 'Option 2'
      },{
        value: 'Option 3',
        label: 'Option 3'
      }
    ]

    return(
      <div>
        <ButtonGroup
          label="Callback button group label"
          name="callback-button-group"
          options={options}
          changeCallback={this.handleChange}>
        </ButtonGroup>
        <code>{this.state.status}</code>
      </div>
    )
  }
}

export default ExampleButtonGroupCallback