README.md

Slider

A slider allows selecting a single numeric value from a range using a small sliding selector.

Read more about when and how to use the Slider component on the website.

Getting started

Install the package

yarn add @hig/slider

Import the component and CSS

import Slider from '@hig/slider';
import '@hig/slider/build/index.css';

Basic usage

<Slider
  label="What is your age?"
  instructions="You must be 21 or older."
  required="Age is required."
  min={21}
  max={99}
  step={1}
/>