UNPKG

@vcl/vcl

Version:

The whole VCL in one package

50 lines (32 loc) • 866 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
# [VCL](https://vcl.github.io/vcl/) slider Slider based selection of a discrete or continuous value within a given range. ## Features The slider consists of the following elements: - rail, - knob, - scale, - scale point marker, - scale point label. The scale is optional and can be inside or outside the rail or both. ## Usage [basic example](/demo/example-basic.html) Contextual states: [basic example](/demo/example-states.html) Note that the whole element is designed to receive focus although only the knob is visually highlighted. ## Classes - `slider` - `slider-rail` - `slider-knob-container` - `slider-knob` - `slider-scale` - `slider-scale-point-mark` - `slider-scale-point-label` ## Modifiers Contextual state: - `focused` - `disabled` ## Variables - `$slider-rail-bg-color` - `$slider-knob-bg-color` - `$slider-scale-point-mark-bg-color`