UNPKG

altinn-designsystem

Version:

Altinn Design system based on Pattern Lab.

github.com/Altinn/DesignSystem

Altinn/DesignSystem

113 lines (68 loc) • 2.83 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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!-- START: 01-molekyler-05-forms-01-nestede-avkrysningsbokser --> <div class="row"> <div class="col-12"> <hr class="m-0 mb-1 a-hrLight"> <!-- START: 00-atomer-01-forms-00-avkrysningsboks --> <div class="custom-control custom-checkbox a-custom-checkbox "> <input type="checkbox" id="" class="custom-control-input" data-toggle="nestedCheckbox" data-target="#firstNestedLevel"> <label class="custom-control-label " for="">Main</label> </div> <!-- END: 00-atomer-01-forms-00-avkrysningsboks --> <div class="row a-pl-half" id="firstNestedLevel"> <div class="col-12 col-md-3"> <div> <!-- START: 00-atomer-01-forms-00-avkrysningsboks --> <div class="custom-control custom-checkbox a-custom-checkbox a-form-checkboxes--discret "> <input type="checkbox" id="" class="custom-control-input"> <label class="custom-control-label " for="">Nested</label> </div> <!-- END: 00-atomer-01-forms-00-avkrysningsboks --> </div> </div> <div class="col-12 col-md-3"> <div> <!-- START: 00-atomer-01-forms-00-avkrysningsboks --> <div class="custom-control custom-checkbox a-custom-checkbox a-form-checkboxes--discret "> <input type="checkbox" id="" class="custom-control-input"> <label class="custom-control-label " for="">Nested</label> </div> <!-- END: 00-atomer-01-forms-00-avkrysningsboks --> </div> </div> </div> </div> <div class="col-12 col-md-3"> <hr class="m-0 mb-1 d-md-none a-hrLight"> <!-- START: 00-atomer-01-forms-00-avkrysningsboks --> <div class="custom-control custom-checkbox a-custom-checkbox "> <input type="checkbox" id="" class="custom-control-input"> <label class="custom-control-label " for="">Secondexample</label> </div> <!-- END: 00-atomer-01-forms-00-avkrysningsboks --> </div> <div class="col-12 col-md-3"> <hr class="m-0 mb-1 d-md-none a-hrLight"> <!-- START: 00-atomer-01-forms-00-avkrysningsboks --> <div class="custom-control custom-checkbox a-custom-checkbox "> <input type="checkbox" id="" class="custom-control-input"> <label class="custom-control-label " for="">Secondexample</label> </div> <!-- END: 00-atomer-01-forms-00-avkrysningsboks --> </div> <div class="col-12"> <hr class="m-0 mb-1 a-hrLight"> </div> </div> <!-- END: 01-molekyler-05-forms-01-nestede-avkrysningsbokser -->