Description
sp-slider allows users to quickly select a value within a range. They should be used when the upper and lower bounds to the range are invariable.
Installation
npm install @spectrum-web-components/slider
# or
yarn add @spectrum-web-components/slider
Example
<sp-slider></sp-slider>
Variants
Filled
<sp-slider variant="filled"></sp-slider>
Ramp
<sp-slider variant="ramp"></sp-slider>
Tick
<sp-slider variant="tick" tick-step="4"></sp-slider>
Tick w/ labels
<sp-slider variant="tick" tick-step="5" tick-labels></sp-slider>