❤
npm
Sign UpSign In

@hawk-ui/range-slider

4.4.1 • Public • Published

Installation

To install a component run

$ npm install @hawk-ui/range-slider --save

Please import CSS styles via

@import '/path__to__node_modules/@hawk-ui/range-slider/dist/index.min.css

Usage

Default Range Slider

Demo

import RangeSlider from '@hawk-ui/range-slider';
initialState = {
  range: 50,
};

<RangeSlider
  valueId="rangeValue1"
  rangeId="range1"
  value={state.range}
  onChange={(value) => {
    setState({
      range: value,
    });
  }}
/>

Range Slider 0 - 50

Demo

import RangeSlider from '@hawk-ui/range-slider';
initialState = {
  range: 20,
};

<RangeSlider
  valueId="rangeValue2"
  rangeId="range2"
  min={0}
  max={50}
  step={5}
  value={state.range}
  onChange={(value) => {
    setState({
      range: value,
    });
  }}
/>

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
4.4.10latest

Version History

VersionDownloads (Last 7 Days)Published
4.4.10
4.4.00
4.3.90
4.3.80
4.3.70
4.3.60
4.3.50
4.3.40
4.3.31
4.3.20
4.3.10
4.3.00
4.2.90
4.2.80
4.2.70
4.2.60
4.2.50
4.2.40
4.2.30
4.2.20
4.2.10
4.2.00
4.1.90
4.1.80
4.1.70
4.1.60
4.1.51
4.1.40
4.1.31
4.1.21
4.1.12
4.1.01
4.0.90
4.0.80
4.0.71
4.0.60
4.0.51
4.0.41
4.0.31
4.0.20
4.0.11
4.0.00
3.1.90
3.1.81
3.1.71
3.1.50
3.1.41
3.1.31
3.1.21
3.1.11
3.1.00
3.0.91
3.0.81
3.0.71
3.0.60
3.0.51
3.0.40
3.0.31
3.0.21
3.0.11
3.0.00
2.13.21
2.13.10
2.13.00
2.12.100
2.12.91
2.12.80
2.12.70
2.12.60
2.12.51
2.12.41
2.12.31
2.12.21
2.12.11
2.11.91
2.11.80
2.11.71
2.11.61
2.11.51
2.11.41
2.11.31
2.11.20
2.11.11
2.11.00
2.10.91
2.10.81
2.10.71
2.10.61
2.10.51
2.10.11
2.10.01
2.9.90
2.9.81
2.9.60
2.9.51
2.9.41
2.9.30
2.9.21
2.9.10
2.9.01
2.8.91
2.8.81
2.8.71
2.8.61
2.8.51
2.8.40
2.8.31
2.8.21
2.8.11
2.8.01
2.7.90
2.7.81
2.7.71
2.7.60
2.7.50
2.7.41
2.7.31
2.7.21
2.7.10
2.6.81
2.6.71
2.6.61
2.6.51
2.6.41
2.6.31
2.6.21
2.6.10
2.6.00
2.5.91
2.5.81
2.5.70
2.5.61
2.5.51
2.5.41
2.5.31
2.5.20
2.5.10
2.5.00
2.4.91
2.4.81
2.4.71
2.4.61
2.4.51
2.4.41
2.4.30
2.4.21
2.4.11
2.4.00
2.3.91
2.3.82
2.3.71
2.3.61
2.3.50
2.3.40
2.3.31
2.3.21
2.3.11
2.3.01
2.2.91
2.2.80
2.2.70
2.2.61
2.2.51
2.2.41
2.2.31
2.2.21
2.2.12
2.2.01
2.1.91
2.1.81
2.1.71
2.1.61
2.1.50
2.1.41

Package Sidebar

Install

npm i @hawk-ui/range-slider

Weekly Downloads

109

Version

4.4.1

License

MIT

Unpacked Size

27.4 kB

Total Files

9

Last publish

Collaborators

  • saurabh2112
Try on RunKit
Report malware