@s-ui/react-molecule-data-counter
v1.18.0
Published
`MoleculeDataCounter` is an input type number controller we can use to increase (+1) or decrease (-1) the value of such input.
Downloads
6,514
Maintainers
Readme
MoleculeDataCounter
MoleculeDataCounter
is an input type number controller we can use to increase (+1) or decrease (-1) the value of such input.
Installation
$ npm install @s-ui/react-molecule-data-counter --save
Usage
import MoleculeDataCounter, {moleculeDataCounterSizes} from '@s-ui/react-molecule-data-counter'
Basic usage
<MoleculeDataCounter label="Label" id="demo1"/>
Disabled
<MoleculeDataCounter label="Label" id="demo2" disabled/>
Setting min & max
<MoleculeDataCounter label="Label" id="demo3" min={3} max={8} />
Size=SMALL
<MoleculeDataCounter label="Label" id="demo3" size={moleculeDataCounterSizes.SMALL} />
Find full description and more examples in the demo page.