Skip to main content

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.