ant-effect-checkbox
an effect checkbox base on antd 2.x
example antd(2.x)
;;;;;const RangePicker = DatePicker;const RadioGroup = RadioGroup;const FormItem = FormItem;const Option = SelectOption; const formItemLayout = labelCol: xs: span: 24 sm: span: 6 wrapperCol: xs: span: 24 sm: span: 14 ; state = initialInputEc: undefined ; { e; thispropsform; }; { this; }; { const setFieldsValue = thispropsform; ; }; { const getFieldDecorator = thispropsform; const initialInputEc = thisstate; return <Form onSubmit=thishandleSubmit> <FormItem ...formItemLayout label="inputEc"> <EffectCheckbox> <Input placeholder="placeholder for input" /> </EffectCheckbox> </FormItem> <FormItem style= textAlign: "center" > <Button type="primary" onClick=thisonInitClick> dynamic init </Button> </FormItem> <FormItem ...formItemLayout label="inputEc2"> <EffectCheckbox> <Input /> </EffectCheckbox> </FormItem> <FormItem style= textAlign: "center" > <Button type="primary" onClick=thisonSetValueClick> dynamic setValue </Button> </FormItem> <FormItem ...formItemLayout label="selectEc"> <EffectCheckbox> <Select> <Option value="jack">Jack</Option> <Option value="lucy">Lucy</Option> <Option value="disabled" disabled> Disabled </Option> <Option value="tim">Tim Huang</Option> </Select> </EffectCheckbox> </FormItem> <FormItem ...formItemLayout label="rangePickerEc"> <EffectCheckbox> <RangePicker /> </EffectCheckbox> </FormItem> <FormItem ...formItemLayout label="radioGroupEc"> <EffectCheckbox> <RadioGroup> <Radio value=1>A</Radio> <Radio value=2>B</Radio> <Radio value=3>C</Radio> <Radio value=4>D</Radio> </RadioGroup> </EffectCheckbox> </FormItem> <FormItem ...formItemLayout label="checkboxEc"> <EffectCheckbox> <Checkbox>Married?</Checkbox> </EffectCheckbox> )} </FormItem> <FormItem style= textAlign: "center" > <Button type="primary" htmlType="submit"> submit </Button> </FormItem> </Form> ); }} App;