@patternfly/patternfly 4.216.1 → 4.216.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Form/form.css +1 -0
- package/components/Form/form.scss +1 -0
- package/docs/components/Form/examples/Form.md +90 -148
- package/docs/components/Login/examples/Login.md +20 -50
- package/docs/components/SearchInput/examples/SearchInput.md +16 -32
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +16 -32
- package/docs/components/Wizard/examples/Wizard.md +105 -210
- package/docs/demos/Alert/examples/Alert.md +16 -40
- package/docs/demos/Button/examples/Button.md +12 -30
- package/docs/demos/Form/examples/BasicForms.md +97 -176
- package/docs/demos/HelperText/examples/HelperText.md +8 -19
- package/docs/demos/Modal/examples/Modal.md +18 -27
- package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +6 -10
- package/docs/demos/PasswordStrength/examples/PasswordStrength.md +24 -40
- package/docs/demos/Wizard/examples/Wizard.md +168 -336
- package/package.json +1 -1
- package/patternfly-no-reset.css +1 -0
- package/patternfly.css +1 -0
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -997,14 +997,11 @@ wrapperTag: div
|
|
|
997
997
|
<div class="pf-c-wizard__main-body">
|
|
998
998
|
<form class="pf-c-form pf-m-limit-width" novalidate>
|
|
999
999
|
<div class="pf-c-form__group">
|
|
1000
|
-
<div class="pf-c-form__group-label">
|
|
1001
|
-
|
|
1002
|
-
<span class="pf-c-form__label-text">Field 1</span>
|
|
1003
|
-
<span
|
|
1000
|
+
<div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-wizard-form-field1">
|
|
1001
|
+
<span class="pf-c-form__label-text">Field 1</span> <span
|
|
1004
1002
|
class="pf-c-form__label-required"
|
|
1005
1003
|
aria-hidden="true"
|
|
1006
|
-
>*</span>
|
|
1007
|
-
</label>
|
|
1004
|
+
>*</span></label>
|
|
1008
1005
|
</div>
|
|
1009
1006
|
<div class="pf-c-form__group-control">
|
|
1010
1007
|
<input
|
|
@@ -1017,14 +1014,11 @@ wrapperTag: div
|
|
|
1017
1014
|
</div>
|
|
1018
1015
|
</div>
|
|
1019
1016
|
<div class="pf-c-form__group">
|
|
1020
|
-
<div class="pf-c-form__group-label">
|
|
1021
|
-
|
|
1022
|
-
<span class="pf-c-form__label-text">Field 2</span>
|
|
1023
|
-
<span
|
|
1017
|
+
<div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-wizard-form-field2">
|
|
1018
|
+
<span class="pf-c-form__label-text">Field 2</span> <span
|
|
1024
1019
|
class="pf-c-form__label-required"
|
|
1025
1020
|
aria-hidden="true"
|
|
1026
|
-
>*</span>
|
|
1027
|
-
</label>
|
|
1021
|
+
>*</span></label>
|
|
1028
1022
|
</div>
|
|
1029
1023
|
<div class="pf-c-form__group-control">
|
|
1030
1024
|
<input
|
|
@@ -1037,14 +1031,11 @@ wrapperTag: div
|
|
|
1037
1031
|
</div>
|
|
1038
1032
|
</div>
|
|
1039
1033
|
<div class="pf-c-form__group">
|
|
1040
|
-
<div class="pf-c-form__group-label">
|
|
1041
|
-
|
|
1042
|
-
<span class="pf-c-form__label-text">Field 3</span>
|
|
1043
|
-
<span
|
|
1034
|
+
<div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-wizard-form-field3">
|
|
1035
|
+
<span class="pf-c-form__label-text">Field 3</span> <span
|
|
1044
1036
|
class="pf-c-form__label-required"
|
|
1045
1037
|
aria-hidden="true"
|
|
1046
|
-
>*</span>
|
|
1047
|
-
</label>
|
|
1038
|
+
>*</span></label>
|
|
1048
1039
|
</div>
|
|
1049
1040
|
<div class="pf-c-form__group-control">
|
|
1050
1041
|
<input
|
|
@@ -1057,14 +1048,11 @@ wrapperTag: div
|
|
|
1057
1048
|
</div>
|
|
1058
1049
|
</div>
|
|
1059
1050
|
<div class="pf-c-form__group">
|
|
1060
|
-
<div class="pf-c-form__group-label">
|
|
1061
|
-
|
|
1062
|
-
<span class="pf-c-form__label-text">Field 4</span>
|
|
1063
|
-
<span
|
|
1051
|
+
<div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-wizard-form-field4">
|
|
1052
|
+
<span class="pf-c-form__label-text">Field 4</span> <span
|
|
1064
1053
|
class="pf-c-form__label-required"
|
|
1065
1054
|
aria-hidden="true"
|
|
1066
|
-
>*</span>
|
|
1067
|
-
</label>
|
|
1055
|
+
>*</span></label>
|
|
1068
1056
|
</div>
|
|
1069
1057
|
<div class="pf-c-form__group-control">
|
|
1070
1058
|
<input
|
|
@@ -1077,14 +1065,11 @@ wrapperTag: div
|
|
|
1077
1065
|
</div>
|
|
1078
1066
|
</div>
|
|
1079
1067
|
<div class="pf-c-form__group">
|
|
1080
|
-
<div class="pf-c-form__group-label">
|
|
1081
|
-
|
|
1082
|
-
<span class="pf-c-form__label-text">Field 5</span>
|
|
1083
|
-
<span
|
|
1068
|
+
<div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-wizard-form-field5">
|
|
1069
|
+
<span class="pf-c-form__label-text">Field 5</span> <span
|
|
1084
1070
|
class="pf-c-form__label-required"
|
|
1085
1071
|
aria-hidden="true"
|
|
1086
|
-
>*</span>
|
|
1087
|
-
</label>
|
|
1072
|
+
>*</span></label>
|
|
1088
1073
|
</div>
|
|
1089
1074
|
<div class="pf-c-form__group-control">
|
|
1090
1075
|
<input
|
|
@@ -1097,14 +1082,11 @@ wrapperTag: div
|
|
|
1097
1082
|
</div>
|
|
1098
1083
|
</div>
|
|
1099
1084
|
<div class="pf-c-form__group">
|
|
1100
|
-
<div class="pf-c-form__group-label">
|
|
1101
|
-
|
|
1102
|
-
<span class="pf-c-form__label-text">Field 6</span>
|
|
1103
|
-
<span
|
|
1085
|
+
<div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-wizard-form-field6">
|
|
1086
|
+
<span class="pf-c-form__label-text">Field 6</span> <span
|
|
1104
1087
|
class="pf-c-form__label-required"
|
|
1105
1088
|
aria-hidden="true"
|
|
1106
|
-
>*</span>
|
|
1107
|
-
</label>
|
|
1089
|
+
>*</span></label>
|
|
1108
1090
|
</div>
|
|
1109
1091
|
<div class="pf-c-form__group-control">
|
|
1110
1092
|
<input
|
|
@@ -1117,14 +1099,11 @@ wrapperTag: div
|
|
|
1117
1099
|
</div>
|
|
1118
1100
|
</div>
|
|
1119
1101
|
<div class="pf-c-form__group">
|
|
1120
|
-
<div class="pf-c-form__group-label">
|
|
1121
|
-
|
|
1122
|
-
<span class="pf-c-form__label-text">Field 7</span>
|
|
1123
|
-
<span
|
|
1102
|
+
<div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-wizard-form-field7">
|
|
1103
|
+
<span class="pf-c-form__label-text">Field 7</span> <span
|
|
1124
1104
|
class="pf-c-form__label-required"
|
|
1125
1105
|
aria-hidden="true"
|
|
1126
|
-
>*</span>
|
|
1127
|
-
</label>
|
|
1106
|
+
>*</span></label>
|
|
1128
1107
|
</div>
|
|
1129
1108
|
<div class="pf-c-form__group-control">
|
|
1130
1109
|
<input
|
|
@@ -2148,14 +2127,11 @@ wrapperTag: div
|
|
|
2148
2127
|
<div class="pf-c-wizard__main-body">
|
|
2149
2128
|
<form class="pf-c-form pf-m-limit-width" novalidate>
|
|
2150
2129
|
<div class="pf-c-form__group">
|
|
2151
|
-
<div class="pf-c-form__group-label">
|
|
2152
|
-
|
|
2153
|
-
<span class="pf-c-form__label-text">Field 1</span>
|
|
2154
|
-
<span
|
|
2130
|
+
<div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-form-field1">
|
|
2131
|
+
<span class="pf-c-form__label-text">Field 1</span> <span
|
|
2155
2132
|
class="pf-c-form__label-required"
|
|
2156
2133
|
aria-hidden="true"
|
|
2157
|
-
>*</span>
|
|
2158
|
-
</label>
|
|
2134
|
+
>*</span></label>
|
|
2159
2135
|
</div>
|
|
2160
2136
|
<div class="pf-c-form__group-control">
|
|
2161
2137
|
<input
|
|
@@ -2168,14 +2144,11 @@ wrapperTag: div
|
|
|
2168
2144
|
</div>
|
|
2169
2145
|
</div>
|
|
2170
2146
|
<div class="pf-c-form__group">
|
|
2171
|
-
<div class="pf-c-form__group-label">
|
|
2172
|
-
|
|
2173
|
-
<span class="pf-c-form__label-text">Field 2</span>
|
|
2174
|
-
<span
|
|
2147
|
+
<div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-form-field2">
|
|
2148
|
+
<span class="pf-c-form__label-text">Field 2</span> <span
|
|
2175
2149
|
class="pf-c-form__label-required"
|
|
2176
2150
|
aria-hidden="true"
|
|
2177
|
-
>*</span>
|
|
2178
|
-
</label>
|
|
2151
|
+
>*</span></label>
|
|
2179
2152
|
</div>
|
|
2180
2153
|
<div class="pf-c-form__group-control">
|
|
2181
2154
|
<input
|
|
@@ -2188,14 +2161,11 @@ wrapperTag: div
|
|
|
2188
2161
|
</div>
|
|
2189
2162
|
</div>
|
|
2190
2163
|
<div class="pf-c-form__group">
|
|
2191
|
-
<div class="pf-c-form__group-label">
|
|
2192
|
-
|
|
2193
|
-
<span class="pf-c-form__label-text">Field 3</span>
|
|
2194
|
-
<span
|
|
2164
|
+
<div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-form-field3">
|
|
2165
|
+
<span class="pf-c-form__label-text">Field 3</span> <span
|
|
2195
2166
|
class="pf-c-form__label-required"
|
|
2196
2167
|
aria-hidden="true"
|
|
2197
|
-
>*</span>
|
|
2198
|
-
</label>
|
|
2168
|
+
>*</span></label>
|
|
2199
2169
|
</div>
|
|
2200
2170
|
<div class="pf-c-form__group-control">
|
|
2201
2171
|
<input
|
|
@@ -2208,14 +2178,11 @@ wrapperTag: div
|
|
|
2208
2178
|
</div>
|
|
2209
2179
|
</div>
|
|
2210
2180
|
<div class="pf-c-form__group">
|
|
2211
|
-
<div class="pf-c-form__group-label">
|
|
2212
|
-
|
|
2213
|
-
<span class="pf-c-form__label-text">Field 4</span>
|
|
2214
|
-
<span
|
|
2181
|
+
<div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-form-field4">
|
|
2182
|
+
<span class="pf-c-form__label-text">Field 4</span> <span
|
|
2215
2183
|
class="pf-c-form__label-required"
|
|
2216
2184
|
aria-hidden="true"
|
|
2217
|
-
>*</span>
|
|
2218
|
-
</label>
|
|
2185
|
+
>*</span></label>
|
|
2219
2186
|
</div>
|
|
2220
2187
|
<div class="pf-c-form__group-control">
|
|
2221
2188
|
<input
|
|
@@ -2228,14 +2195,11 @@ wrapperTag: div
|
|
|
2228
2195
|
</div>
|
|
2229
2196
|
</div>
|
|
2230
2197
|
<div class="pf-c-form__group">
|
|
2231
|
-
<div class="pf-c-form__group-label">
|
|
2232
|
-
|
|
2233
|
-
<span class="pf-c-form__label-text">Field 5</span>
|
|
2234
|
-
<span
|
|
2198
|
+
<div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-form-field5">
|
|
2199
|
+
<span class="pf-c-form__label-text">Field 5</span> <span
|
|
2235
2200
|
class="pf-c-form__label-required"
|
|
2236
2201
|
aria-hidden="true"
|
|
2237
|
-
>*</span>
|
|
2238
|
-
</label>
|
|
2202
|
+
>*</span></label>
|
|
2239
2203
|
</div>
|
|
2240
2204
|
<div class="pf-c-form__group-control">
|
|
2241
2205
|
<input
|
|
@@ -2248,14 +2212,11 @@ wrapperTag: div
|
|
|
2248
2212
|
</div>
|
|
2249
2213
|
</div>
|
|
2250
2214
|
<div class="pf-c-form__group">
|
|
2251
|
-
<div class="pf-c-form__group-label">
|
|
2252
|
-
|
|
2253
|
-
<span class="pf-c-form__label-text">Field 6</span>
|
|
2254
|
-
<span
|
|
2215
|
+
<div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-form-field6">
|
|
2216
|
+
<span class="pf-c-form__label-text">Field 6</span> <span
|
|
2255
2217
|
class="pf-c-form__label-required"
|
|
2256
2218
|
aria-hidden="true"
|
|
2257
|
-
>*</span>
|
|
2258
|
-
</label>
|
|
2219
|
+
>*</span></label>
|
|
2259
2220
|
</div>
|
|
2260
2221
|
<div class="pf-c-form__group-control">
|
|
2261
2222
|
<input
|
|
@@ -2268,14 +2229,11 @@ wrapperTag: div
|
|
|
2268
2229
|
</div>
|
|
2269
2230
|
</div>
|
|
2270
2231
|
<div class="pf-c-form__group">
|
|
2271
|
-
<div class="pf-c-form__group-label">
|
|
2272
|
-
|
|
2273
|
-
<span class="pf-c-form__label-text">Field 7</span>
|
|
2274
|
-
<span
|
|
2232
|
+
<div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-form-field7">
|
|
2233
|
+
<span class="pf-c-form__label-text">Field 7</span> <span
|
|
2275
2234
|
class="pf-c-form__label-required"
|
|
2276
2235
|
aria-hidden="true"
|
|
2277
|
-
>*</span>
|
|
2278
|
-
</label>
|
|
2236
|
+
>*</span></label>
|
|
2279
2237
|
</div>
|
|
2280
2238
|
<div class="pf-c-form__group-control">
|
|
2281
2239
|
<input
|
|
@@ -3302,17 +3260,14 @@ wrapperTag: div
|
|
|
3302
3260
|
>Open drawer</button>
|
|
3303
3261
|
<form class="pf-c-form pf-m-limit-width" novalidate>
|
|
3304
3262
|
<div class="pf-c-form__group">
|
|
3305
|
-
<div class="pf-c-form__group-label"
|
|
3306
|
-
<label
|
|
3263
|
+
<div class="pf-c-form__group-label"><label
|
|
3307
3264
|
class="pf-c-form__label"
|
|
3308
3265
|
for="-wizard-form-field1"
|
|
3309
3266
|
>
|
|
3310
|
-
<span class="pf-c-form__label-text">Field 1</span
|
|
3311
|
-
<span
|
|
3267
|
+
<span class="pf-c-form__label-text">Field 1</span> <span
|
|
3312
3268
|
class="pf-c-form__label-required"
|
|
3313
3269
|
aria-hidden="true"
|
|
3314
|
-
>*</span>
|
|
3315
|
-
</label>
|
|
3270
|
+
>*</span></label>
|
|
3316
3271
|
</div>
|
|
3317
3272
|
<div class="pf-c-form__group-control">
|
|
3318
3273
|
<input
|
|
@@ -3325,17 +3280,14 @@ wrapperTag: div
|
|
|
3325
3280
|
</div>
|
|
3326
3281
|
</div>
|
|
3327
3282
|
<div class="pf-c-form__group">
|
|
3328
|
-
<div class="pf-c-form__group-label"
|
|
3329
|
-
<label
|
|
3283
|
+
<div class="pf-c-form__group-label"><label
|
|
3330
3284
|
class="pf-c-form__label"
|
|
3331
3285
|
for="-wizard-form-field2"
|
|
3332
3286
|
>
|
|
3333
|
-
<span class="pf-c-form__label-text">Field 2</span
|
|
3334
|
-
<span
|
|
3287
|
+
<span class="pf-c-form__label-text">Field 2</span> <span
|
|
3335
3288
|
class="pf-c-form__label-required"
|
|
3336
3289
|
aria-hidden="true"
|
|
3337
|
-
>*</span>
|
|
3338
|
-
</label>
|
|
3290
|
+
>*</span></label>
|
|
3339
3291
|
</div>
|
|
3340
3292
|
<div class="pf-c-form__group-control">
|
|
3341
3293
|
<input
|
|
@@ -3348,17 +3300,14 @@ wrapperTag: div
|
|
|
3348
3300
|
</div>
|
|
3349
3301
|
</div>
|
|
3350
3302
|
<div class="pf-c-form__group">
|
|
3351
|
-
<div class="pf-c-form__group-label"
|
|
3352
|
-
<label
|
|
3303
|
+
<div class="pf-c-form__group-label"><label
|
|
3353
3304
|
class="pf-c-form__label"
|
|
3354
3305
|
for="-wizard-form-field3"
|
|
3355
3306
|
>
|
|
3356
|
-
<span class="pf-c-form__label-text">Field 3</span
|
|
3357
|
-
<span
|
|
3307
|
+
<span class="pf-c-form__label-text">Field 3</span> <span
|
|
3358
3308
|
class="pf-c-form__label-required"
|
|
3359
3309
|
aria-hidden="true"
|
|
3360
|
-
>*</span>
|
|
3361
|
-
</label>
|
|
3310
|
+
>*</span></label>
|
|
3362
3311
|
</div>
|
|
3363
3312
|
<div class="pf-c-form__group-control">
|
|
3364
3313
|
<input
|
|
@@ -3371,17 +3320,14 @@ wrapperTag: div
|
|
|
3371
3320
|
</div>
|
|
3372
3321
|
</div>
|
|
3373
3322
|
<div class="pf-c-form__group">
|
|
3374
|
-
<div class="pf-c-form__group-label"
|
|
3375
|
-
<label
|
|
3323
|
+
<div class="pf-c-form__group-label"><label
|
|
3376
3324
|
class="pf-c-form__label"
|
|
3377
3325
|
for="-wizard-form-field4"
|
|
3378
3326
|
>
|
|
3379
|
-
<span class="pf-c-form__label-text">Field 4</span
|
|
3380
|
-
<span
|
|
3327
|
+
<span class="pf-c-form__label-text">Field 4</span> <span
|
|
3381
3328
|
class="pf-c-form__label-required"
|
|
3382
3329
|
aria-hidden="true"
|
|
3383
|
-
>*</span>
|
|
3384
|
-
</label>
|
|
3330
|
+
>*</span></label>
|
|
3385
3331
|
</div>
|
|
3386
3332
|
<div class="pf-c-form__group-control">
|
|
3387
3333
|
<input
|
|
@@ -3394,17 +3340,14 @@ wrapperTag: div
|
|
|
3394
3340
|
</div>
|
|
3395
3341
|
</div>
|
|
3396
3342
|
<div class="pf-c-form__group">
|
|
3397
|
-
<div class="pf-c-form__group-label"
|
|
3398
|
-
<label
|
|
3343
|
+
<div class="pf-c-form__group-label"><label
|
|
3399
3344
|
class="pf-c-form__label"
|
|
3400
3345
|
for="-wizard-form-field5"
|
|
3401
3346
|
>
|
|
3402
|
-
<span class="pf-c-form__label-text">Field 5</span
|
|
3403
|
-
<span
|
|
3347
|
+
<span class="pf-c-form__label-text">Field 5</span> <span
|
|
3404
3348
|
class="pf-c-form__label-required"
|
|
3405
3349
|
aria-hidden="true"
|
|
3406
|
-
>*</span>
|
|
3407
|
-
</label>
|
|
3350
|
+
>*</span></label>
|
|
3408
3351
|
</div>
|
|
3409
3352
|
<div class="pf-c-form__group-control">
|
|
3410
3353
|
<input
|
|
@@ -3417,17 +3360,14 @@ wrapperTag: div
|
|
|
3417
3360
|
</div>
|
|
3418
3361
|
</div>
|
|
3419
3362
|
<div class="pf-c-form__group">
|
|
3420
|
-
<div class="pf-c-form__group-label"
|
|
3421
|
-
<label
|
|
3363
|
+
<div class="pf-c-form__group-label"><label
|
|
3422
3364
|
class="pf-c-form__label"
|
|
3423
3365
|
for="-wizard-form-field6"
|
|
3424
3366
|
>
|
|
3425
|
-
<span class="pf-c-form__label-text">Field 6</span
|
|
3426
|
-
<span
|
|
3367
|
+
<span class="pf-c-form__label-text">Field 6</span> <span
|
|
3427
3368
|
class="pf-c-form__label-required"
|
|
3428
3369
|
aria-hidden="true"
|
|
3429
|
-
>*</span>
|
|
3430
|
-
</label>
|
|
3370
|
+
>*</span></label>
|
|
3431
3371
|
</div>
|
|
3432
3372
|
<div class="pf-c-form__group-control">
|
|
3433
3373
|
<input
|
|
@@ -3440,17 +3380,14 @@ wrapperTag: div
|
|
|
3440
3380
|
</div>
|
|
3441
3381
|
</div>
|
|
3442
3382
|
<div class="pf-c-form__group">
|
|
3443
|
-
<div class="pf-c-form__group-label"
|
|
3444
|
-
<label
|
|
3383
|
+
<div class="pf-c-form__group-label"><label
|
|
3445
3384
|
class="pf-c-form__label"
|
|
3446
3385
|
for="-wizard-form-field7"
|
|
3447
3386
|
>
|
|
3448
|
-
<span class="pf-c-form__label-text">Field 7</span
|
|
3449
|
-
<span
|
|
3387
|
+
<span class="pf-c-form__label-text">Field 7</span> <span
|
|
3450
3388
|
class="pf-c-form__label-required"
|
|
3451
3389
|
aria-hidden="true"
|
|
3452
|
-
>*</span>
|
|
3453
|
-
</label>
|
|
3390
|
+
>*</span></label>
|
|
3454
3391
|
</div>
|
|
3455
3392
|
<div class="pf-c-form__group-control">
|
|
3456
3393
|
<input
|
|
@@ -4531,17 +4468,14 @@ wrapperTag: div
|
|
|
4531
4468
|
>Open drawer</button>
|
|
4532
4469
|
<form class="pf-c-form pf-m-limit-width" novalidate>
|
|
4533
4470
|
<div class="pf-c-form__group">
|
|
4534
|
-
<div class="pf-c-form__group-label"
|
|
4535
|
-
<label
|
|
4471
|
+
<div class="pf-c-form__group-label"><label
|
|
4536
4472
|
class="pf-c-form__label"
|
|
4537
4473
|
for="-wizard-form-field1"
|
|
4538
4474
|
>
|
|
4539
|
-
<span class="pf-c-form__label-text">Field 1</span
|
|
4540
|
-
<span
|
|
4475
|
+
<span class="pf-c-form__label-text">Field 1</span> <span
|
|
4541
4476
|
class="pf-c-form__label-required"
|
|
4542
4477
|
aria-hidden="true"
|
|
4543
|
-
>*</span>
|
|
4544
|
-
</label>
|
|
4478
|
+
>*</span></label>
|
|
4545
4479
|
</div>
|
|
4546
4480
|
<div class="pf-c-form__group-control">
|
|
4547
4481
|
<input
|
|
@@ -4554,17 +4488,14 @@ wrapperTag: div
|
|
|
4554
4488
|
</div>
|
|
4555
4489
|
</div>
|
|
4556
4490
|
<div class="pf-c-form__group">
|
|
4557
|
-
<div class="pf-c-form__group-label"
|
|
4558
|
-
<label
|
|
4491
|
+
<div class="pf-c-form__group-label"><label
|
|
4559
4492
|
class="pf-c-form__label"
|
|
4560
4493
|
for="-wizard-form-field2"
|
|
4561
4494
|
>
|
|
4562
|
-
<span class="pf-c-form__label-text">Field 2</span
|
|
4563
|
-
<span
|
|
4495
|
+
<span class="pf-c-form__label-text">Field 2</span> <span
|
|
4564
4496
|
class="pf-c-form__label-required"
|
|
4565
4497
|
aria-hidden="true"
|
|
4566
|
-
>*</span>
|
|
4567
|
-
</label>
|
|
4498
|
+
>*</span></label>
|
|
4568
4499
|
</div>
|
|
4569
4500
|
<div class="pf-c-form__group-control">
|
|
4570
4501
|
<input
|
|
@@ -4577,17 +4508,14 @@ wrapperTag: div
|
|
|
4577
4508
|
</div>
|
|
4578
4509
|
</div>
|
|
4579
4510
|
<div class="pf-c-form__group">
|
|
4580
|
-
<div class="pf-c-form__group-label"
|
|
4581
|
-
<label
|
|
4511
|
+
<div class="pf-c-form__group-label"><label
|
|
4582
4512
|
class="pf-c-form__label"
|
|
4583
4513
|
for="-wizard-form-field3"
|
|
4584
4514
|
>
|
|
4585
|
-
<span class="pf-c-form__label-text">Field 3</span
|
|
4586
|
-
<span
|
|
4515
|
+
<span class="pf-c-form__label-text">Field 3</span> <span
|
|
4587
4516
|
class="pf-c-form__label-required"
|
|
4588
4517
|
aria-hidden="true"
|
|
4589
|
-
>*</span>
|
|
4590
|
-
</label>
|
|
4518
|
+
>*</span></label>
|
|
4591
4519
|
</div>
|
|
4592
4520
|
<div class="pf-c-form__group-control">
|
|
4593
4521
|
<input
|
|
@@ -4600,17 +4528,14 @@ wrapperTag: div
|
|
|
4600
4528
|
</div>
|
|
4601
4529
|
</div>
|
|
4602
4530
|
<div class="pf-c-form__group">
|
|
4603
|
-
<div class="pf-c-form__group-label"
|
|
4604
|
-
<label
|
|
4531
|
+
<div class="pf-c-form__group-label"><label
|
|
4605
4532
|
class="pf-c-form__label"
|
|
4606
4533
|
for="-wizard-form-field4"
|
|
4607
4534
|
>
|
|
4608
|
-
<span class="pf-c-form__label-text">Field 4</span
|
|
4609
|
-
<span
|
|
4535
|
+
<span class="pf-c-form__label-text">Field 4</span> <span
|
|
4610
4536
|
class="pf-c-form__label-required"
|
|
4611
4537
|
aria-hidden="true"
|
|
4612
|
-
>*</span>
|
|
4613
|
-
</label>
|
|
4538
|
+
>*</span></label>
|
|
4614
4539
|
</div>
|
|
4615
4540
|
<div class="pf-c-form__group-control">
|
|
4616
4541
|
<input
|
|
@@ -4623,17 +4548,14 @@ wrapperTag: div
|
|
|
4623
4548
|
</div>
|
|
4624
4549
|
</div>
|
|
4625
4550
|
<div class="pf-c-form__group">
|
|
4626
|
-
<div class="pf-c-form__group-label"
|
|
4627
|
-
<label
|
|
4551
|
+
<div class="pf-c-form__group-label"><label
|
|
4628
4552
|
class="pf-c-form__label"
|
|
4629
4553
|
for="-wizard-form-field5"
|
|
4630
4554
|
>
|
|
4631
|
-
<span class="pf-c-form__label-text">Field 5</span
|
|
4632
|
-
<span
|
|
4555
|
+
<span class="pf-c-form__label-text">Field 5</span> <span
|
|
4633
4556
|
class="pf-c-form__label-required"
|
|
4634
4557
|
aria-hidden="true"
|
|
4635
|
-
>*</span>
|
|
4636
|
-
</label>
|
|
4558
|
+
>*</span></label>
|
|
4637
4559
|
</div>
|
|
4638
4560
|
<div class="pf-c-form__group-control">
|
|
4639
4561
|
<input
|
|
@@ -4646,17 +4568,14 @@ wrapperTag: div
|
|
|
4646
4568
|
</div>
|
|
4647
4569
|
</div>
|
|
4648
4570
|
<div class="pf-c-form__group">
|
|
4649
|
-
<div class="pf-c-form__group-label"
|
|
4650
|
-
<label
|
|
4571
|
+
<div class="pf-c-form__group-label"><label
|
|
4651
4572
|
class="pf-c-form__label"
|
|
4652
4573
|
for="-wizard-form-field6"
|
|
4653
4574
|
>
|
|
4654
|
-
<span class="pf-c-form__label-text">Field 6</span
|
|
4655
|
-
<span
|
|
4575
|
+
<span class="pf-c-form__label-text">Field 6</span> <span
|
|
4656
4576
|
class="pf-c-form__label-required"
|
|
4657
4577
|
aria-hidden="true"
|
|
4658
|
-
>*</span>
|
|
4659
|
-
</label>
|
|
4578
|
+
>*</span></label>
|
|
4660
4579
|
</div>
|
|
4661
4580
|
<div class="pf-c-form__group-control">
|
|
4662
4581
|
<input
|
|
@@ -4669,17 +4588,14 @@ wrapperTag: div
|
|
|
4669
4588
|
</div>
|
|
4670
4589
|
</div>
|
|
4671
4590
|
<div class="pf-c-form__group">
|
|
4672
|
-
<div class="pf-c-form__group-label"
|
|
4673
|
-
<label
|
|
4591
|
+
<div class="pf-c-form__group-label"><label
|
|
4674
4592
|
class="pf-c-form__label"
|
|
4675
4593
|
for="-wizard-form-field7"
|
|
4676
4594
|
>
|
|
4677
|
-
<span class="pf-c-form__label-text">Field 7</span
|
|
4678
|
-
<span
|
|
4595
|
+
<span class="pf-c-form__label-text">Field 7</span> <span
|
|
4679
4596
|
class="pf-c-form__label-required"
|
|
4680
4597
|
aria-hidden="true"
|
|
4681
|
-
>*</span>
|
|
4682
|
-
</label>
|
|
4598
|
+
>*</span></label>
|
|
4683
4599
|
</div>
|
|
4684
4600
|
<div class="pf-c-form__group-control">
|
|
4685
4601
|
<input
|
|
@@ -6768,17 +6684,14 @@ wrapperTag: div
|
|
|
6768
6684
|
<div class="pf-c-wizard__main-body">
|
|
6769
6685
|
<form class="pf-c-form pf-m-limit-width" novalidate>
|
|
6770
6686
|
<div class="pf-c-form__group">
|
|
6771
|
-
<div class="pf-c-form__group-label"
|
|
6772
|
-
<label
|
|
6687
|
+
<div class="pf-c-form__group-label"><label
|
|
6773
6688
|
class="pf-c-form__label"
|
|
6774
6689
|
for="wizard-in-page-example-wizard-form-field1"
|
|
6775
6690
|
>
|
|
6776
|
-
<span class="pf-c-form__label-text">Field 1</span
|
|
6777
|
-
<span
|
|
6691
|
+
<span class="pf-c-form__label-text">Field 1</span> <span
|
|
6778
6692
|
class="pf-c-form__label-required"
|
|
6779
6693
|
aria-hidden="true"
|
|
6780
|
-
>*</span>
|
|
6781
|
-
</label>
|
|
6694
|
+
>*</span></label>
|
|
6782
6695
|
</div>
|
|
6783
6696
|
<div class="pf-c-form__group-control">
|
|
6784
6697
|
<input
|
|
@@ -6791,17 +6704,14 @@ wrapperTag: div
|
|
|
6791
6704
|
</div>
|
|
6792
6705
|
</div>
|
|
6793
6706
|
<div class="pf-c-form__group">
|
|
6794
|
-
<div class="pf-c-form__group-label"
|
|
6795
|
-
<label
|
|
6707
|
+
<div class="pf-c-form__group-label"><label
|
|
6796
6708
|
class="pf-c-form__label"
|
|
6797
6709
|
for="wizard-in-page-example-wizard-form-field2"
|
|
6798
6710
|
>
|
|
6799
|
-
<span class="pf-c-form__label-text">Field 2</span
|
|
6800
|
-
<span
|
|
6711
|
+
<span class="pf-c-form__label-text">Field 2</span> <span
|
|
6801
6712
|
class="pf-c-form__label-required"
|
|
6802
6713
|
aria-hidden="true"
|
|
6803
|
-
>*</span>
|
|
6804
|
-
</label>
|
|
6714
|
+
>*</span></label>
|
|
6805
6715
|
</div>
|
|
6806
6716
|
<div class="pf-c-form__group-control">
|
|
6807
6717
|
<input
|
|
@@ -6814,17 +6724,14 @@ wrapperTag: div
|
|
|
6814
6724
|
</div>
|
|
6815
6725
|
</div>
|
|
6816
6726
|
<div class="pf-c-form__group">
|
|
6817
|
-
<div class="pf-c-form__group-label"
|
|
6818
|
-
<label
|
|
6727
|
+
<div class="pf-c-form__group-label"><label
|
|
6819
6728
|
class="pf-c-form__label"
|
|
6820
6729
|
for="wizard-in-page-example-wizard-form-field3"
|
|
6821
6730
|
>
|
|
6822
|
-
<span class="pf-c-form__label-text">Field 3</span
|
|
6823
|
-
<span
|
|
6731
|
+
<span class="pf-c-form__label-text">Field 3</span> <span
|
|
6824
6732
|
class="pf-c-form__label-required"
|
|
6825
6733
|
aria-hidden="true"
|
|
6826
|
-
>*</span>
|
|
6827
|
-
</label>
|
|
6734
|
+
>*</span></label>
|
|
6828
6735
|
</div>
|
|
6829
6736
|
<div class="pf-c-form__group-control">
|
|
6830
6737
|
<input
|
|
@@ -6837,17 +6744,14 @@ wrapperTag: div
|
|
|
6837
6744
|
</div>
|
|
6838
6745
|
</div>
|
|
6839
6746
|
<div class="pf-c-form__group">
|
|
6840
|
-
<div class="pf-c-form__group-label"
|
|
6841
|
-
<label
|
|
6747
|
+
<div class="pf-c-form__group-label"><label
|
|
6842
6748
|
class="pf-c-form__label"
|
|
6843
6749
|
for="wizard-in-page-example-wizard-form-field4"
|
|
6844
6750
|
>
|
|
6845
|
-
<span class="pf-c-form__label-text">Field 4</span
|
|
6846
|
-
<span
|
|
6751
|
+
<span class="pf-c-form__label-text">Field 4</span> <span
|
|
6847
6752
|
class="pf-c-form__label-required"
|
|
6848
6753
|
aria-hidden="true"
|
|
6849
|
-
>*</span>
|
|
6850
|
-
</label>
|
|
6754
|
+
>*</span></label>
|
|
6851
6755
|
</div>
|
|
6852
6756
|
<div class="pf-c-form__group-control">
|
|
6853
6757
|
<input
|
|
@@ -6860,17 +6764,14 @@ wrapperTag: div
|
|
|
6860
6764
|
</div>
|
|
6861
6765
|
</div>
|
|
6862
6766
|
<div class="pf-c-form__group">
|
|
6863
|
-
<div class="pf-c-form__group-label"
|
|
6864
|
-
<label
|
|
6767
|
+
<div class="pf-c-form__group-label"><label
|
|
6865
6768
|
class="pf-c-form__label"
|
|
6866
6769
|
for="wizard-in-page-example-wizard-form-field5"
|
|
6867
6770
|
>
|
|
6868
|
-
<span class="pf-c-form__label-text">Field 5</span
|
|
6869
|
-
<span
|
|
6771
|
+
<span class="pf-c-form__label-text">Field 5</span> <span
|
|
6870
6772
|
class="pf-c-form__label-required"
|
|
6871
6773
|
aria-hidden="true"
|
|
6872
|
-
>*</span>
|
|
6873
|
-
</label>
|
|
6774
|
+
>*</span></label>
|
|
6874
6775
|
</div>
|
|
6875
6776
|
<div class="pf-c-form__group-control">
|
|
6876
6777
|
<input
|
|
@@ -6883,17 +6784,14 @@ wrapperTag: div
|
|
|
6883
6784
|
</div>
|
|
6884
6785
|
</div>
|
|
6885
6786
|
<div class="pf-c-form__group">
|
|
6886
|
-
<div class="pf-c-form__group-label"
|
|
6887
|
-
<label
|
|
6787
|
+
<div class="pf-c-form__group-label"><label
|
|
6888
6788
|
class="pf-c-form__label"
|
|
6889
6789
|
for="wizard-in-page-example-wizard-form-field6"
|
|
6890
6790
|
>
|
|
6891
|
-
<span class="pf-c-form__label-text">Field 6</span
|
|
6892
|
-
<span
|
|
6791
|
+
<span class="pf-c-form__label-text">Field 6</span> <span
|
|
6893
6792
|
class="pf-c-form__label-required"
|
|
6894
6793
|
aria-hidden="true"
|
|
6895
|
-
>*</span>
|
|
6896
|
-
</label>
|
|
6794
|
+
>*</span></label>
|
|
6897
6795
|
</div>
|
|
6898
6796
|
<div class="pf-c-form__group-control">
|
|
6899
6797
|
<input
|
|
@@ -6906,17 +6804,14 @@ wrapperTag: div
|
|
|
6906
6804
|
</div>
|
|
6907
6805
|
</div>
|
|
6908
6806
|
<div class="pf-c-form__group">
|
|
6909
|
-
<div class="pf-c-form__group-label"
|
|
6910
|
-
<label
|
|
6807
|
+
<div class="pf-c-form__group-label"><label
|
|
6911
6808
|
class="pf-c-form__label"
|
|
6912
6809
|
for="wizard-in-page-example-wizard-form-field7"
|
|
6913
6810
|
>
|
|
6914
|
-
<span class="pf-c-form__label-text">Field 7</span
|
|
6915
|
-
<span
|
|
6811
|
+
<span class="pf-c-form__label-text">Field 7</span> <span
|
|
6916
6812
|
class="pf-c-form__label-required"
|
|
6917
6813
|
aria-hidden="true"
|
|
6918
|
-
>*</span>
|
|
6919
|
-
</label>
|
|
6814
|
+
>*</span></label>
|
|
6920
6815
|
</div>
|
|
6921
6816
|
<div class="pf-c-form__group-control">
|
|
6922
6817
|
<input
|
|
@@ -7882,14 +7777,11 @@ wrapperTag: div
|
|
|
7882
7777
|
<div class="pf-c-wizard__main-body">
|
|
7883
7778
|
<form class="pf-c-form pf-m-limit-width" novalidate>
|
|
7884
7779
|
<div class="pf-c-form__group">
|
|
7885
|
-
<div class="pf-c-form__group-label">
|
|
7886
|
-
|
|
7887
|
-
<span class="pf-c-form__label-text">Field 1</span>
|
|
7888
|
-
<span
|
|
7780
|
+
<div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-form-field1">
|
|
7781
|
+
<span class="pf-c-form__label-text">Field 1</span> <span
|
|
7889
7782
|
class="pf-c-form__label-required"
|
|
7890
7783
|
aria-hidden="true"
|
|
7891
|
-
>*</span>
|
|
7892
|
-
</label>
|
|
7784
|
+
>*</span></label>
|
|
7893
7785
|
</div>
|
|
7894
7786
|
<div class="pf-c-form__group-control">
|
|
7895
7787
|
<input
|
|
@@ -7902,14 +7794,11 @@ wrapperTag: div
|
|
|
7902
7794
|
</div>
|
|
7903
7795
|
</div>
|
|
7904
7796
|
<div class="pf-c-form__group">
|
|
7905
|
-
<div class="pf-c-form__group-label">
|
|
7906
|
-
|
|
7907
|
-
<span class="pf-c-form__label-text">Field 2</span>
|
|
7908
|
-
<span
|
|
7797
|
+
<div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-form-field2">
|
|
7798
|
+
<span class="pf-c-form__label-text">Field 2</span> <span
|
|
7909
7799
|
class="pf-c-form__label-required"
|
|
7910
7800
|
aria-hidden="true"
|
|
7911
|
-
>*</span>
|
|
7912
|
-
</label>
|
|
7801
|
+
>*</span></label>
|
|
7913
7802
|
</div>
|
|
7914
7803
|
<div class="pf-c-form__group-control">
|
|
7915
7804
|
<input
|
|
@@ -7922,14 +7811,11 @@ wrapperTag: div
|
|
|
7922
7811
|
</div>
|
|
7923
7812
|
</div>
|
|
7924
7813
|
<div class="pf-c-form__group">
|
|
7925
|
-
<div class="pf-c-form__group-label">
|
|
7926
|
-
|
|
7927
|
-
<span class="pf-c-form__label-text">Field 3</span>
|
|
7928
|
-
<span
|
|
7814
|
+
<div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-form-field3">
|
|
7815
|
+
<span class="pf-c-form__label-text">Field 3</span> <span
|
|
7929
7816
|
class="pf-c-form__label-required"
|
|
7930
7817
|
aria-hidden="true"
|
|
7931
|
-
>*</span>
|
|
7932
|
-
</label>
|
|
7818
|
+
>*</span></label>
|
|
7933
7819
|
</div>
|
|
7934
7820
|
<div class="pf-c-form__group-control">
|
|
7935
7821
|
<input
|
|
@@ -7942,14 +7828,11 @@ wrapperTag: div
|
|
|
7942
7828
|
</div>
|
|
7943
7829
|
</div>
|
|
7944
7830
|
<div class="pf-c-form__group">
|
|
7945
|
-
<div class="pf-c-form__group-label">
|
|
7946
|
-
|
|
7947
|
-
<span class="pf-c-form__label-text">Field 4</span>
|
|
7948
|
-
<span
|
|
7831
|
+
<div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-form-field4">
|
|
7832
|
+
<span class="pf-c-form__label-text">Field 4</span> <span
|
|
7949
7833
|
class="pf-c-form__label-required"
|
|
7950
7834
|
aria-hidden="true"
|
|
7951
|
-
>*</span>
|
|
7952
|
-
</label>
|
|
7835
|
+
>*</span></label>
|
|
7953
7836
|
</div>
|
|
7954
7837
|
<div class="pf-c-form__group-control">
|
|
7955
7838
|
<input
|
|
@@ -7962,14 +7845,11 @@ wrapperTag: div
|
|
|
7962
7845
|
</div>
|
|
7963
7846
|
</div>
|
|
7964
7847
|
<div class="pf-c-form__group">
|
|
7965
|
-
<div class="pf-c-form__group-label">
|
|
7966
|
-
|
|
7967
|
-
<span class="pf-c-form__label-text">Field 5</span>
|
|
7968
|
-
<span
|
|
7848
|
+
<div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-form-field5">
|
|
7849
|
+
<span class="pf-c-form__label-text">Field 5</span> <span
|
|
7969
7850
|
class="pf-c-form__label-required"
|
|
7970
7851
|
aria-hidden="true"
|
|
7971
|
-
>*</span>
|
|
7972
|
-
</label>
|
|
7852
|
+
>*</span></label>
|
|
7973
7853
|
</div>
|
|
7974
7854
|
<div class="pf-c-form__group-control">
|
|
7975
7855
|
<input
|
|
@@ -7982,14 +7862,11 @@ wrapperTag: div
|
|
|
7982
7862
|
</div>
|
|
7983
7863
|
</div>
|
|
7984
7864
|
<div class="pf-c-form__group">
|
|
7985
|
-
<div class="pf-c-form__group-label">
|
|
7986
|
-
|
|
7987
|
-
<span class="pf-c-form__label-text">Field 6</span>
|
|
7988
|
-
<span
|
|
7865
|
+
<div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-form-field6">
|
|
7866
|
+
<span class="pf-c-form__label-text">Field 6</span> <span
|
|
7989
7867
|
class="pf-c-form__label-required"
|
|
7990
7868
|
aria-hidden="true"
|
|
7991
|
-
>*</span>
|
|
7992
|
-
</label>
|
|
7869
|
+
>*</span></label>
|
|
7993
7870
|
</div>
|
|
7994
7871
|
<div class="pf-c-form__group-control">
|
|
7995
7872
|
<input
|
|
@@ -8002,14 +7879,11 @@ wrapperTag: div
|
|
|
8002
7879
|
</div>
|
|
8003
7880
|
</div>
|
|
8004
7881
|
<div class="pf-c-form__group">
|
|
8005
|
-
<div class="pf-c-form__group-label">
|
|
8006
|
-
|
|
8007
|
-
<span class="pf-c-form__label-text">Field 7</span>
|
|
8008
|
-
<span
|
|
7882
|
+
<div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-form-field7">
|
|
7883
|
+
<span class="pf-c-form__label-text">Field 7</span> <span
|
|
8009
7884
|
class="pf-c-form__label-required"
|
|
8010
7885
|
aria-hidden="true"
|
|
8011
|
-
>*</span>
|
|
8012
|
-
</label>
|
|
7886
|
+
>*</span></label>
|
|
8013
7887
|
</div>
|
|
8014
7888
|
<div class="pf-c-form__group-control">
|
|
8015
7889
|
<input
|
|
@@ -8982,17 +8856,14 @@ wrapperTag: div
|
|
|
8982
8856
|
>Open drawer</button>
|
|
8983
8857
|
<form class="pf-c-form pf-m-limit-width" novalidate>
|
|
8984
8858
|
<div class="pf-c-form__group">
|
|
8985
|
-
<div class="pf-c-form__group-label"
|
|
8986
|
-
<label
|
|
8859
|
+
<div class="pf-c-form__group-label"><label
|
|
8987
8860
|
class="pf-c-form__label"
|
|
8988
8861
|
for="wizard-with-drawer-in-page-example-wizard-form-field1"
|
|
8989
8862
|
>
|
|
8990
|
-
<span class="pf-c-form__label-text">Field 1</span
|
|
8991
|
-
<span
|
|
8863
|
+
<span class="pf-c-form__label-text">Field 1</span> <span
|
|
8992
8864
|
class="pf-c-form__label-required"
|
|
8993
8865
|
aria-hidden="true"
|
|
8994
|
-
>*</span>
|
|
8995
|
-
</label>
|
|
8866
|
+
>*</span></label>
|
|
8996
8867
|
</div>
|
|
8997
8868
|
<div class="pf-c-form__group-control">
|
|
8998
8869
|
<input
|
|
@@ -9005,17 +8876,14 @@ wrapperTag: div
|
|
|
9005
8876
|
</div>
|
|
9006
8877
|
</div>
|
|
9007
8878
|
<div class="pf-c-form__group">
|
|
9008
|
-
<div class="pf-c-form__group-label"
|
|
9009
|
-
<label
|
|
8879
|
+
<div class="pf-c-form__group-label"><label
|
|
9010
8880
|
class="pf-c-form__label"
|
|
9011
8881
|
for="wizard-with-drawer-in-page-example-wizard-form-field2"
|
|
9012
8882
|
>
|
|
9013
|
-
<span class="pf-c-form__label-text">Field 2</span
|
|
9014
|
-
<span
|
|
8883
|
+
<span class="pf-c-form__label-text">Field 2</span> <span
|
|
9015
8884
|
class="pf-c-form__label-required"
|
|
9016
8885
|
aria-hidden="true"
|
|
9017
|
-
>*</span>
|
|
9018
|
-
</label>
|
|
8886
|
+
>*</span></label>
|
|
9019
8887
|
</div>
|
|
9020
8888
|
<div class="pf-c-form__group-control">
|
|
9021
8889
|
<input
|
|
@@ -9028,17 +8896,14 @@ wrapperTag: div
|
|
|
9028
8896
|
</div>
|
|
9029
8897
|
</div>
|
|
9030
8898
|
<div class="pf-c-form__group">
|
|
9031
|
-
<div class="pf-c-form__group-label"
|
|
9032
|
-
<label
|
|
8899
|
+
<div class="pf-c-form__group-label"><label
|
|
9033
8900
|
class="pf-c-form__label"
|
|
9034
8901
|
for="wizard-with-drawer-in-page-example-wizard-form-field3"
|
|
9035
8902
|
>
|
|
9036
|
-
<span class="pf-c-form__label-text">Field 3</span
|
|
9037
|
-
<span
|
|
8903
|
+
<span class="pf-c-form__label-text">Field 3</span> <span
|
|
9038
8904
|
class="pf-c-form__label-required"
|
|
9039
8905
|
aria-hidden="true"
|
|
9040
|
-
>*</span>
|
|
9041
|
-
</label>
|
|
8906
|
+
>*</span></label>
|
|
9042
8907
|
</div>
|
|
9043
8908
|
<div class="pf-c-form__group-control">
|
|
9044
8909
|
<input
|
|
@@ -9051,17 +8916,14 @@ wrapperTag: div
|
|
|
9051
8916
|
</div>
|
|
9052
8917
|
</div>
|
|
9053
8918
|
<div class="pf-c-form__group">
|
|
9054
|
-
<div class="pf-c-form__group-label"
|
|
9055
|
-
<label
|
|
8919
|
+
<div class="pf-c-form__group-label"><label
|
|
9056
8920
|
class="pf-c-form__label"
|
|
9057
8921
|
for="wizard-with-drawer-in-page-example-wizard-form-field4"
|
|
9058
8922
|
>
|
|
9059
|
-
<span class="pf-c-form__label-text">Field 4</span
|
|
9060
|
-
<span
|
|
8923
|
+
<span class="pf-c-form__label-text">Field 4</span> <span
|
|
9061
8924
|
class="pf-c-form__label-required"
|
|
9062
8925
|
aria-hidden="true"
|
|
9063
|
-
>*</span>
|
|
9064
|
-
</label>
|
|
8926
|
+
>*</span></label>
|
|
9065
8927
|
</div>
|
|
9066
8928
|
<div class="pf-c-form__group-control">
|
|
9067
8929
|
<input
|
|
@@ -9074,17 +8936,14 @@ wrapperTag: div
|
|
|
9074
8936
|
</div>
|
|
9075
8937
|
</div>
|
|
9076
8938
|
<div class="pf-c-form__group">
|
|
9077
|
-
<div class="pf-c-form__group-label"
|
|
9078
|
-
<label
|
|
8939
|
+
<div class="pf-c-form__group-label"><label
|
|
9079
8940
|
class="pf-c-form__label"
|
|
9080
8941
|
for="wizard-with-drawer-in-page-example-wizard-form-field5"
|
|
9081
8942
|
>
|
|
9082
|
-
<span class="pf-c-form__label-text">Field 5</span
|
|
9083
|
-
<span
|
|
8943
|
+
<span class="pf-c-form__label-text">Field 5</span> <span
|
|
9084
8944
|
class="pf-c-form__label-required"
|
|
9085
8945
|
aria-hidden="true"
|
|
9086
|
-
>*</span>
|
|
9087
|
-
</label>
|
|
8946
|
+
>*</span></label>
|
|
9088
8947
|
</div>
|
|
9089
8948
|
<div class="pf-c-form__group-control">
|
|
9090
8949
|
<input
|
|
@@ -9097,17 +8956,14 @@ wrapperTag: div
|
|
|
9097
8956
|
</div>
|
|
9098
8957
|
</div>
|
|
9099
8958
|
<div class="pf-c-form__group">
|
|
9100
|
-
<div class="pf-c-form__group-label"
|
|
9101
|
-
<label
|
|
8959
|
+
<div class="pf-c-form__group-label"><label
|
|
9102
8960
|
class="pf-c-form__label"
|
|
9103
8961
|
for="wizard-with-drawer-in-page-example-wizard-form-field6"
|
|
9104
8962
|
>
|
|
9105
|
-
<span class="pf-c-form__label-text">Field 6</span
|
|
9106
|
-
<span
|
|
8963
|
+
<span class="pf-c-form__label-text">Field 6</span> <span
|
|
9107
8964
|
class="pf-c-form__label-required"
|
|
9108
8965
|
aria-hidden="true"
|
|
9109
|
-
>*</span>
|
|
9110
|
-
</label>
|
|
8966
|
+
>*</span></label>
|
|
9111
8967
|
</div>
|
|
9112
8968
|
<div class="pf-c-form__group-control">
|
|
9113
8969
|
<input
|
|
@@ -9120,17 +8976,14 @@ wrapperTag: div
|
|
|
9120
8976
|
</div>
|
|
9121
8977
|
</div>
|
|
9122
8978
|
<div class="pf-c-form__group">
|
|
9123
|
-
<div class="pf-c-form__group-label"
|
|
9124
|
-
<label
|
|
8979
|
+
<div class="pf-c-form__group-label"><label
|
|
9125
8980
|
class="pf-c-form__label"
|
|
9126
8981
|
for="wizard-with-drawer-in-page-example-wizard-form-field7"
|
|
9127
8982
|
>
|
|
9128
|
-
<span class="pf-c-form__label-text">Field 7</span
|
|
9129
|
-
<span
|
|
8983
|
+
<span class="pf-c-form__label-text">Field 7</span> <span
|
|
9130
8984
|
class="pf-c-form__label-required"
|
|
9131
8985
|
aria-hidden="true"
|
|
9132
|
-
>*</span>
|
|
9133
|
-
</label>
|
|
8986
|
+
>*</span></label>
|
|
9134
8987
|
</div>
|
|
9135
8988
|
<div class="pf-c-form__group-control">
|
|
9136
8989
|
<input
|
|
@@ -10139,17 +9992,14 @@ wrapperTag: div
|
|
|
10139
9992
|
<div class="pf-c-wizard__main-body">
|
|
10140
9993
|
<form class="pf-c-form pf-m-limit-width" novalidate>
|
|
10141
9994
|
<div class="pf-c-form__group">
|
|
10142
|
-
<div class="pf-c-form__group-label"
|
|
10143
|
-
<label
|
|
9995
|
+
<div class="pf-c-form__group-label"><label
|
|
10144
9996
|
class="pf-c-form__label"
|
|
10145
9997
|
for="wizard-with-drawer-in-page-expanded-example-wizard-form-field1"
|
|
10146
9998
|
>
|
|
10147
|
-
<span class="pf-c-form__label-text">Field 1</span
|
|
10148
|
-
<span
|
|
9999
|
+
<span class="pf-c-form__label-text">Field 1</span> <span
|
|
10149
10000
|
class="pf-c-form__label-required"
|
|
10150
10001
|
aria-hidden="true"
|
|
10151
|
-
>*</span>
|
|
10152
|
-
</label>
|
|
10002
|
+
>*</span></label>
|
|
10153
10003
|
</div>
|
|
10154
10004
|
<div class="pf-c-form__group-control">
|
|
10155
10005
|
<input
|
|
@@ -10162,17 +10012,14 @@ wrapperTag: div
|
|
|
10162
10012
|
</div>
|
|
10163
10013
|
</div>
|
|
10164
10014
|
<div class="pf-c-form__group">
|
|
10165
|
-
<div class="pf-c-form__group-label"
|
|
10166
|
-
<label
|
|
10015
|
+
<div class="pf-c-form__group-label"><label
|
|
10167
10016
|
class="pf-c-form__label"
|
|
10168
10017
|
for="wizard-with-drawer-in-page-expanded-example-wizard-form-field2"
|
|
10169
10018
|
>
|
|
10170
|
-
<span class="pf-c-form__label-text">Field 2</span
|
|
10171
|
-
<span
|
|
10019
|
+
<span class="pf-c-form__label-text">Field 2</span> <span
|
|
10172
10020
|
class="pf-c-form__label-required"
|
|
10173
10021
|
aria-hidden="true"
|
|
10174
|
-
>*</span>
|
|
10175
|
-
</label>
|
|
10022
|
+
>*</span></label>
|
|
10176
10023
|
</div>
|
|
10177
10024
|
<div class="pf-c-form__group-control">
|
|
10178
10025
|
<input
|
|
@@ -10185,17 +10032,14 @@ wrapperTag: div
|
|
|
10185
10032
|
</div>
|
|
10186
10033
|
</div>
|
|
10187
10034
|
<div class="pf-c-form__group">
|
|
10188
|
-
<div class="pf-c-form__group-label"
|
|
10189
|
-
<label
|
|
10035
|
+
<div class="pf-c-form__group-label"><label
|
|
10190
10036
|
class="pf-c-form__label"
|
|
10191
10037
|
for="wizard-with-drawer-in-page-expanded-example-wizard-form-field3"
|
|
10192
10038
|
>
|
|
10193
|
-
<span class="pf-c-form__label-text">Field 3</span
|
|
10194
|
-
<span
|
|
10039
|
+
<span class="pf-c-form__label-text">Field 3</span> <span
|
|
10195
10040
|
class="pf-c-form__label-required"
|
|
10196
10041
|
aria-hidden="true"
|
|
10197
|
-
>*</span>
|
|
10198
|
-
</label>
|
|
10042
|
+
>*</span></label>
|
|
10199
10043
|
</div>
|
|
10200
10044
|
<div class="pf-c-form__group-control">
|
|
10201
10045
|
<input
|
|
@@ -10208,17 +10052,14 @@ wrapperTag: div
|
|
|
10208
10052
|
</div>
|
|
10209
10053
|
</div>
|
|
10210
10054
|
<div class="pf-c-form__group">
|
|
10211
|
-
<div class="pf-c-form__group-label"
|
|
10212
|
-
<label
|
|
10055
|
+
<div class="pf-c-form__group-label"><label
|
|
10213
10056
|
class="pf-c-form__label"
|
|
10214
10057
|
for="wizard-with-drawer-in-page-expanded-example-wizard-form-field4"
|
|
10215
10058
|
>
|
|
10216
|
-
<span class="pf-c-form__label-text">Field 4</span
|
|
10217
|
-
<span
|
|
10059
|
+
<span class="pf-c-form__label-text">Field 4</span> <span
|
|
10218
10060
|
class="pf-c-form__label-required"
|
|
10219
10061
|
aria-hidden="true"
|
|
10220
|
-
>*</span>
|
|
10221
|
-
</label>
|
|
10062
|
+
>*</span></label>
|
|
10222
10063
|
</div>
|
|
10223
10064
|
<div class="pf-c-form__group-control">
|
|
10224
10065
|
<input
|
|
@@ -10231,17 +10072,14 @@ wrapperTag: div
|
|
|
10231
10072
|
</div>
|
|
10232
10073
|
</div>
|
|
10233
10074
|
<div class="pf-c-form__group">
|
|
10234
|
-
<div class="pf-c-form__group-label"
|
|
10235
|
-
<label
|
|
10075
|
+
<div class="pf-c-form__group-label"><label
|
|
10236
10076
|
class="pf-c-form__label"
|
|
10237
10077
|
for="wizard-with-drawer-in-page-expanded-example-wizard-form-field5"
|
|
10238
10078
|
>
|
|
10239
|
-
<span class="pf-c-form__label-text">Field 5</span
|
|
10240
|
-
<span
|
|
10079
|
+
<span class="pf-c-form__label-text">Field 5</span> <span
|
|
10241
10080
|
class="pf-c-form__label-required"
|
|
10242
10081
|
aria-hidden="true"
|
|
10243
|
-
>*</span>
|
|
10244
|
-
</label>
|
|
10082
|
+
>*</span></label>
|
|
10245
10083
|
</div>
|
|
10246
10084
|
<div class="pf-c-form__group-control">
|
|
10247
10085
|
<input
|
|
@@ -10254,17 +10092,14 @@ wrapperTag: div
|
|
|
10254
10092
|
</div>
|
|
10255
10093
|
</div>
|
|
10256
10094
|
<div class="pf-c-form__group">
|
|
10257
|
-
<div class="pf-c-form__group-label"
|
|
10258
|
-
<label
|
|
10095
|
+
<div class="pf-c-form__group-label"><label
|
|
10259
10096
|
class="pf-c-form__label"
|
|
10260
10097
|
for="wizard-with-drawer-in-page-expanded-example-wizard-form-field6"
|
|
10261
10098
|
>
|
|
10262
|
-
<span class="pf-c-form__label-text">Field 6</span
|
|
10263
|
-
<span
|
|
10099
|
+
<span class="pf-c-form__label-text">Field 6</span> <span
|
|
10264
10100
|
class="pf-c-form__label-required"
|
|
10265
10101
|
aria-hidden="true"
|
|
10266
|
-
>*</span>
|
|
10267
|
-
</label>
|
|
10102
|
+
>*</span></label>
|
|
10268
10103
|
</div>
|
|
10269
10104
|
<div class="pf-c-form__group-control">
|
|
10270
10105
|
<input
|
|
@@ -10277,17 +10112,14 @@ wrapperTag: div
|
|
|
10277
10112
|
</div>
|
|
10278
10113
|
</div>
|
|
10279
10114
|
<div class="pf-c-form__group">
|
|
10280
|
-
<div class="pf-c-form__group-label"
|
|
10281
|
-
<label
|
|
10115
|
+
<div class="pf-c-form__group-label"><label
|
|
10282
10116
|
class="pf-c-form__label"
|
|
10283
10117
|
for="wizard-with-drawer-in-page-expanded-example-wizard-form-field7"
|
|
10284
10118
|
>
|
|
10285
|
-
<span class="pf-c-form__label-text">Field 7</span
|
|
10286
|
-
<span
|
|
10119
|
+
<span class="pf-c-form__label-text">Field 7</span> <span
|
|
10287
10120
|
class="pf-c-form__label-required"
|
|
10288
10121
|
aria-hidden="true"
|
|
10289
|
-
>*</span>
|
|
10290
|
-
</label>
|
|
10122
|
+
>*</span></label>
|
|
10291
10123
|
</div>
|
|
10292
10124
|
<div class="pf-c-form__group-control">
|
|
10293
10125
|
<input
|