0.1.0 • Published 5 years ago
react-choose-group v0.1.0
react-choose-group
Build radio/checkbox group in a short time.
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 |
0.1.0
5 years ago