@instructure/ui-range-input

---

category: packages

ui-range-input

A styled HTML range input.

Components

The ui-range-input package contains the following:

• RangeInput

Installation

npm install @instructure/ui-range-input

Usage

---
type: code
---
import React from 'react'
import { RangeInput } from '@instructure/ui-range-input'

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