@s-ui/react-molecule-data-counter v1.17.0

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.