UNPKG

@vcl/vcl

Version:

The whole VCL in one package

48 lines (27 loc) • 1.19 kB
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
# [VCL](https://vcl.github.io/vcl/) button-group Arrangement of multiple buttons as group. ## Features Horizontal (default) and vertical alignment of group members. ## Usage Two group members can be used to create a split button. [split-button example](/demo/example-split-button.html) Besides just a set of independent buttons, a button group can function as toggle button group. Such a group may allow for selection of a single button (radio button like) as the following. [toggle-group-radio example](/demo/example-toggle-group-radio.html) With the possibility to select multiple ones, a button group forms a check box like group. A horizontally justified layout can be realized with the properties of the layout component. [toggle-group-check example](/demo/example-toggle-group-check.html) Using layout classes, the items can be justified. Using modifiers for the buttons can also be used. [toggle-group-justified example](/demo/example-toggle-group-justified.html) A vertical group can be built using the `vertical` modifier. [toggle-group-justified example](/demo/example-vertical-group.html) ## Classes - `button-group` ## Modifiers - `vertical` ## Variables