1.0.1 • Published 4 years ago
@feizheng/react-checkbox-group v1.0.1
react-checkbox-group
Checkbox/checkbox group component for react.
installation
npm install -S @feizheng/react-checkbox-group
update
npm update @feizheng/react-checkbox-group
properties
property | type | default | description |
---|---|---|---|
className | String | - | - |
value | - | - | - |
onChange | - | - | - |
usage
import css
@import "~@feizheng/react-checkbox-group/dist/style.scss"; // customize your styles: $react-checkbox-group-options: ()
import js
import ReactCheckboxGroup from '../src/main'; import ReactDOM from 'react-dom'; import React from 'react'; import './assets/style.scss'; class App extends React.Component { state = { defaultValue: ['v1', 'v2'], items: [ { label: 'optino1', value: 'v1', disabled: true }, { label: 'optino2', value: 'v2' }, { label: 'optino3', value: 'v3' } ] }; render() { return ( <div className="app-container"> <ReactCheckboxGroup name="abc" onChange={(e) => { console.log('change:', e.target.value); }} items={this.state.items} defaultValue={this.state.defaultValue} /> </div> ); } } ReactDOM.render(<App />, document.getElementById('app'));