v1.6

Range A range input allows users to select a value from a specified range.

CSS Source
Controls
As always, keep it simple.
0-100.
Show value in the lower left form-control label slot. The value can be placed in any of the four slots. This is just an example.
Color variants.
These states will happen automatically when using valid sematic markup.

Properties Jump to heading

Class / Token Type
.prs-range Component For <input> or <label>
.prs-range-secondary Modifier Secondary variant
.prs-range-accent Modifier Accent variant
.prs-range-info Modifier Blue variant
.prs-range-success Modifier Green variant
.prs-range-warning Modifier Yellow variant
.prs-range-danger Modifier Red variant
.prs-range_focus State Manually apply visual focus
.prs-range_disabled State Manually apply visual disabled

No results...