UNPKG

@vcl/vcl

Version:

The whole VCL in one package

46 lines (30 loc) • 995 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
# [VCL](https://vcl.github.io/vcl/) token An atomic input element that can be interacted upon. ## Features - Optional button to interact with the token, e. g. to remove it. - Support for selected and highlighted states. - A token container to get gaps relative to container's border right. ## Usage [basic example](/demo/example-basic.html) A button can be embedded to offer a control to remove the token. [button example](/demo/example-button.html) A selected and highlighted state is supported. [states example](/demo/example-states.html) ## Classes - `token` - `token-container`: Container for tokens to get proper paddings. - `token-label` ## Modifiers - `selected` - `highlighted` ## Variables - `$token-bg-color` - `$token-border-color` - `$token-border-hover-color` - `$token-border-selected-color` - `$token-bg-selected-color` - `$token-selected-color` - `$token-border-highlighted-color` - `$token-bg-highlighted-color` - `$token-highlighted-color` - `$token-color`