Slider

An input where the user selects a value from within a given range.

Installation

npm install @volta/slider

Usage

import { Slider } from '@volta/slider';

Vertical Slider

Slider with Labels and Tooltip

Tick Slider

A slider with ticks (stops) that skips visual steps as needed

Usage

import { TickSlider } from '@volta/slider';

<TickSlider defaultValue={[50]} max={100} step={1} maxSteps="12" skip="2" />

Slider Props

The following props are available for Slider (TickSlider) component. These are the custom props that we've added for the badge component and you can use all the other native props as well.