0.1.22 • Published 8 years ago
rc-components v0.1.22
#rc-components
#InputNumber
import {InputNumber} from 'rc-components';
const onChange = (value) => {
console.log(value);
};
<InputNumber onChange={onChange} />
Demo:
#CheckButton
import {CheckButton} from 'rc-components';
const onChange = (value, checked) => {
console.log(`status of [${value}] is ${checked}`);
};
<CheckButton value="Blue Green" color="#87E1F1" onChange={onChange} />
Demo(Inactive):
Demo(Active):
#CheckButtonGroup(Usage One)
import {CheckButtonGroup} from 'rc-components';
const onChange = (value, checked) => {
console.log(`status of group is ${checked}, value is:[${value}]`);
};
const colorGroup = [
{
value: "Blue",
color: "#8ACCFA",
}, {
value: "Blue Green",
color: "#87E1F1",
}, {
value: "Champagne",
color: "#E9D7B4",
}
];
<CheckButtonGroup options={colorGroup} onChange={onChange} isTooltipVisible={true} />
#CheckButtonGroup(Usage Two)
import {CheckButtonGroup} from 'rc-components';
const onChange = (value, checked) => {
console.log(`status of group is ${checked}, value is:[${value}]`);
};
const images = [
{
value: "Dress Image1",
img: "/images/checkButton.jpg",
}, {
value: "Dress Image2",
img: "/images/checkButton.jpg",
}, {
value: "Dress Image3",
img: "/images/checkButton.jpg",
}
];
<CheckButtonGroup options={images} onChange={onChange} width={100} height={100}/>
0.1.22
8 years ago
0.1.21
8 years ago
0.1.20
8 years ago
0.1.19
8 years ago
0.1.18
8 years ago
0.1.17
8 years ago
0.1.16
8 years ago
0.1.15
8 years ago
0.1.14
8 years ago
0.1.13
8 years ago
0.1.12
8 years ago
0.1.11
8 years ago
0.1.10
8 years ago
0.1.9
8 years ago
0.1.8
8 years ago
0.1.7
8 years ago
0.1.6
8 years ago
0.1.5
8 years ago
0.1.4
8 years ago
0.1.3
8 years ago
0.1.2
8 years ago
0.1.1
8 years ago
0.1.0
8 years ago