react-choose-group

Build radio/checkbox group in a short time.

demo

example(/example/example.js)

// import the Component
import { Group } from 'react-choose-group'
...
class YourComponent extends React.Component {
  // render the Component
  render () {
    return (
      <div>
        <Group
          type='radio'
          name='nameYourGroup'
          items={[1,2,3]}
          value={this.state.value}
          onChange={this.handleChange}
        />
      </div>
    )
  }
}

props

props | description | required ------------- | ------------- | ------------- wrapperClassName | classname of the wrapper | wrapperStyle | style of the wrapper | itemClassName | classname of every item | itemStyle | style of every item | name | name of the group | Y value | as a controlled component, the value is the whole group's value | Y type | type of items, is radio or checkbox | Y items | items array | Y onChange | function to handle the changing of the value | Y otherValues | contains show(boolean) and separator, if show is true, an input(text) will be rendered to get other values, if type prop is checkbox, the input will be separated by the separator |