Prism Docs

Slider

A slider component for selecting a value from a range.

Basic Usage

Value: 30
<prism-slider [(value)]="sliderValue"></prism-slider>
<p>Value: {{ sliderValue() }}</p>

Advanced Configuration

Range: 0-200, Step: 10
<prism-slider 
  [min]="0" 
  [max]="200" 
  [step]="10" 
  [(value)]="advancedValue">
</prism-slider>

PrismSlider API

NameTypeDefaultDescription
mininput<number>0The minimum allowed value.
maxinput<number>100The maximum allowed value.
stepinput<number>1The step granularity size.
disabledinput<boolean>falseWhether the component is disabled.
valuemodel<number>0The two-way bound slider value.