@s-ui/react-atom-slider

AtomSlider is a component that works as an input that provides a slider a number or a set of two numbers (range)

Usage no npm install needed!

<script type="module">
  import sUiReactAtomSlider from 'https://cdn.skypack.dev/@s-ui/react-atom-slider';
</script>

README

AtomSlider

AtomSlider is a component that works as an input that provides a slider a number or a set of two numbers (range)

Installation

$ npm install @s-ui/react-atom-slider --save

Usage

import AtomSlider from '@s-ui/react-atom-slider'

Basic usage

<AtomSlider/>

Step 25 and default value 50

<AtomSlider step={25} value={50}/>

Disabled

<AtomSlider step={25} value={25} disabled />

Range Basic

<AtomSlider range />

Range Step 10

<AtomSlider range step={10} />

Capturing Value Change

<AtomSlider onChange={ (e, {value}) => console.log(value)} />

Find full description and more examples in the demo page.