|
156 | 156 | </div> |
157 | 157 | <b-form-group |
158 | 158 | :label-cols="3" |
159 | | - :horizontal="true" |
160 | 159 | description="Let us know your full name." |
161 | 160 | label="Enter your name" |
162 | 161 | label-for="basicName" |
|
168 | 167 | </b-form-group> |
169 | 168 | <b-form-group |
170 | 169 | :label-cols="3" |
171 | | - :horizontal="true" |
172 | 170 | label="Static" |
173 | 171 | label-for="basicStatic" |
174 | 172 | > |
|
181 | 179 | </b-form-group> |
182 | 180 | <b-form-group |
183 | 181 | :label-cols="3" |
184 | | - :horizontal="true" |
185 | 182 | description="This is a help text" |
186 | 183 | label="Text Input" |
187 | 184 | label-for="basicText" |
|
194 | 191 | </b-form-group> |
195 | 192 | <b-form-group |
196 | 193 | :label-cols="3" |
197 | | - :horizontal="true" |
198 | 194 | label="Date" |
199 | 195 | label-for="date" |
200 | 196 | > |
|
205 | 201 | </b-form-group> |
206 | 202 | <b-form-group |
207 | 203 | :label-cols="3" |
208 | | - :horizontal="true" |
209 | 204 | label="Datepicker" |
210 | 205 | > |
211 | 206 | <b-datepicker |
|
214 | 209 | </b-form-group> |
215 | 210 | <b-form-group |
216 | 211 | :label-cols="3" |
217 | | - :horizontal="true" |
218 | 212 | description="Please enter your email" |
219 | 213 | label="Email Input" |
220 | 214 | label-for="basicEmail" |
|
227 | 221 | </b-form-group> |
228 | 222 | <b-form-group |
229 | 223 | :label-cols="3" |
230 | | - :horizontal="true" |
231 | 224 | description="Please enter a complex password" |
232 | 225 | label="Password Input" |
233 | 226 | label-for="basicPassword" |
|
240 | 233 | </b-form-group> |
241 | 234 | <b-form-group |
242 | 235 | :label-cols="3" |
243 | | - :horizontal="true" |
244 | 236 | label="Disabled Input" |
245 | 237 | label-for="basicInputDisabled" |
246 | 238 | > |
|
253 | 245 | </b-form-group> |
254 | 246 | <b-form-group |
255 | 247 | :label-cols="3" |
256 | | - :horizontal="true" |
257 | 248 | label="Textarea" |
258 | 249 | label-for="basicTextarea" |
259 | 250 | > |
|
266 | 257 | </b-form-group> |
267 | 258 | <b-form-group |
268 | 259 | :label-cols="3" |
269 | | - :horizontal="true" |
270 | 260 | label="Select" |
271 | 261 | label-for="basicSelect" |
272 | 262 | > |
|
279 | 269 | </b-form-group> |
280 | 270 | <b-form-group |
281 | 271 | :label-cols="3" |
282 | | - :horizontal="true" |
283 | 272 | label="Select large" |
284 | 273 | label-for="basicSelectLg" |
285 | 274 | > |
|
293 | 282 | </b-form-group> |
294 | 283 | <b-form-group |
295 | 284 | :label-cols="3" |
296 | | - :horizontal="true" |
297 | 285 | label="Select small" |
298 | 286 | label-for="basicSelectSm" |
299 | 287 | > |
|
307 | 295 | </b-form-group> |
308 | 296 | <b-form-group |
309 | 297 | :label-cols="3" |
310 | | - :horizontal="true" |
311 | 298 | label="Disabled select" |
312 | 299 | label-for="basicSelectDisabled" |
313 | 300 | > |
|
321 | 308 | </b-form-group> |
322 | 309 | <b-form-group |
323 | 310 | :label-cols="3" |
324 | | - :horizontal="true" |
325 | 311 | label="Select" |
326 | 312 | label-for="basicMultiSelect" |
327 | 313 | > |
|
353 | 339 | </b-form-group> |
354 | 340 | <b-form-group |
355 | 341 | :label-cols="3" |
356 | | - :horizontal="true" |
357 | 342 | label="Select" |
358 | 343 | label-for="basicMultiSelect" |
359 | 344 | > |
|
380 | 365 | </b-form-group> |
381 | 366 | <b-form-group |
382 | 367 | :label-cols="3" |
383 | | - :horizontal="true" |
384 | 368 | label="Radios" |
385 | 369 | label-for="basicRadios" |
386 | 370 | > |
|
398 | 382 | </b-form-group> |
399 | 383 | <b-form-group |
400 | 384 | :label-cols="3" |
401 | | - :horizontal="true" |
402 | 385 | label="Inline radios" |
403 | 386 | label-for="basicInlineRadios" |
404 | 387 | > |
|
418 | 401 | :label-cols="3" |
419 | 402 | label="Checkboxes" |
420 | 403 | label-for="basicCheckboxes" |
421 | | - horizontal |
422 | 404 | > |
423 | 405 | <b-form-checkbox-group |
424 | 406 | id="basicCheckboxes" |
|
440 | 422 | </b-form-group> |
441 | 423 | <b-form-group |
442 | 424 | :label-cols="3" |
443 | | - :horizontal="true" |
444 | 425 | label="Inline checkboxes" |
445 | 426 | label-for="basicInlineCheckboxes" |
446 | 427 | > |
|
473 | 454 | <!--custom controls - radios/checkboxes - temporary fix--> |
474 | 455 | <b-form-group |
475 | 456 | :label-cols="3" |
476 | | - :horizontal="true" |
477 | 457 | label="Radios - custom" |
478 | 458 | label-for="basicRadiosCustom" |
479 | 459 | > |
|
532 | 512 | </b-form-group> |
533 | 513 | <b-form-group |
534 | 514 | :label-cols="3" |
535 | | - :horizontal="true" |
536 | 515 | label="Inline radios - custom" |
537 | 516 | label-for="basicCustomRadios1" |
538 | 517 | > |
|
590 | 569 | </b-form-group> |
591 | 570 | <b-form-group |
592 | 571 | :label-cols="3" |
593 | | - :horizontal="true" |
594 | 572 | label="Checkboxes - custom" |
595 | 573 | label-for="basicCustomCheckboxes" |
596 | 574 | > |
|
645 | 623 | </b-form-group> |
646 | 624 | <b-form-group |
647 | 625 | :label-cols="3" |
648 | | - :horizontal="true" |
649 | 626 | label="Inline checkboxes - custom" |
650 | 627 | label-for="basicInlineCustomCheckboxes" |
651 | 628 | > |
|
697 | 674 | </b-form-group> |
698 | 675 | <b-form-group |
699 | 676 | :label-cols="3" |
700 | | - :horizontal="true" |
701 | 677 | label="File input" |
702 | 678 | label-for="fileInput" |
703 | 679 | > |
|
708 | 684 | </b-form-group> |
709 | 685 | <b-form-group |
710 | 686 | :label-cols="3" |
711 | | - :horizontal="true" |
712 | 687 | label="Multiple file input" |
713 | 688 | label-for="fileInputMulti" |
714 | 689 | > |
|
789 | 764 | </div> |
790 | 765 | <b-form-group |
791 | 766 | :label-cols="3" |
792 | | - :horizontal="true" |
793 | 767 | label="Email" |
794 | 768 | label-for="horizEmail" |
795 | 769 | description="Please enter your email." |
|
802 | 776 | </b-form-group> |
803 | 777 | <b-form-group |
804 | 778 | :label-cols="3" |
805 | | - :horizontal="true" |
806 | 779 | label="Password" |
807 | 780 | label-for="horizPass" |
808 | 781 | description="Please enter your password." |
|
989 | 962 | </div> |
990 | 963 | <b-form-group |
991 | 964 | :label-cols="5" |
992 | | - :horizontal="true" |
993 | 965 | label="Small input" |
994 | 966 | label-for="smInput" |
995 | 967 | label-size="sm" |
|
1003 | 975 | </b-form-group> |
1004 | 976 | <b-form-group |
1005 | 977 | :label-cols="5" |
1006 | | - :horizontal="true" |
1007 | 978 | label="Default input" |
1008 | 979 | label-for="defaultInput" |
1009 | 980 | > |
|
1015 | 986 | </b-form-group> |
1016 | 987 | <b-form-group |
1017 | 988 | :label-cols="5" |
1018 | | - :horizontal="true" |
1019 | 989 | label="Large input" |
1020 | 990 | label-for="lgInput" |
1021 | 991 | label-size="lg" |
|
0 commit comments