@temporg/ui-range-input

---
category: packages
---

ui-range-input

[![npm][npm]][npm-url] 
[![build-status][build-status]][build-status-url] 
[![MIT License][license-badge]][LICENSE] 
[![Code of Conduct][coc-badge]][coc]

A styled HTML range input.

$3

The ui-range-input package contains the following:
- RangeInput

$3

``sh
yarn add @temporg/ui-range-input
`

$3


`jsx
---
example: false
---
import React from 'react'
import { RangeInput } from '@temporg/ui-range-input'

const MyRange = () => {
return (
label="Grading range"
defaultValue={50}
max={100}
min={0}
/>
)
}
``

[npm]: https://img.shields.io/npm/v/@temporg/ui-range-input.svg
[npm-url]: https://npmjs.com/package/@temporg/ui-range-input

[build-status]: https://travis-ci.org/rockcontent/rock-design-system.svg?branch=master
[build-status-url]: https://travis-ci.org/rockcontent/rock-design-system "Travis CI"

[license-badge]: https://img.shields.io/npm/l/rock-design-system.svg?style=flat-square
[license]: https://github.com/rockcontent/rock-design-system/blob/master/LICENSE

[coc-badge]: https://img.shields.io/badge/code%20of-conduct-ff69b4.svg?style=flat-square
[coc]: https://github.com/rockcontent/rock-design-system/blob/master/CODE_OF_CONDUCT.md