JollyUI
  1. Docs
  2. components
  3. Slider

Slider

A slider allows a user to select one or more values within a range.

The <input type="range"> HTML element can be used to build a slider, however it is very difficult to style cross browser. Slider helps achieve accessible sliders that can be styled as needed.

30

Installation

npx @sly-cli/sly add jolly-ui slider

Examples

Basic

30

Validation

Custom value scale

100

Step values

$0.00

Visual Options

Vertical orientation

Disabled

25