rc-components

#rc-components

#InputNumber

``js
import {InputNumber} from 'rc-components';

const onChange = (value) => {
console.log(value);
};


`
Demo:

!InputNumber Sample

#CheckButton

`js
import {CheckButton} from 'rc-components';

const onChange = (value, checked) => {
console.log(status of [${value}] is ${checked});
};


`
Demo(Inactive):

!InputNumber Sample

Demo(Active):

!InputNumber Sample

#CheckButtonGroup(Usage One)

`js
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 Sample One

#CheckButtonGroup(Usage Two)

`js
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 Sample Two