@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

yarn add @instructure/ui-range-input

Usage

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

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