Skip to content

Commit 646e3f7

Browse files
xidedixxidedix
committed
fix(Forms): remove deprecated horizontal props
1 parent efd433b commit 646e3f7

File tree

1 file changed

+34
-34
lines changed

1 file changed

+34
-34
lines changed

‎src/views/base/Forms.vue

Lines changed: 34 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -100,65 +100,65 @@
100100
label="Enter your name"
101101
label-for="basicName"
102102
:label-cols="3"
103-
:horizontal="true">
103+
>
104104
<b-form-input id="basicName" type="text" autocomplete="name"></b-form-input>
105105
</b-form-group>
106106
<b-form-group
107107
label="Static"
108108
label-for="basicStatic"
109109
:label-cols="3"
110-
:horizontal="true">
110+
>
111111
<b-form-input plaintext id="basicStatic" type="text" value="Username"></b-form-input>
112112
</b-form-group>
113113
<b-form-group
114114
description="This is a help text"
115115
label="Text Input"
116116
label-for="basicText"
117117
:label-cols="3"
118-
:horizontal="true">
118+
>
119119
<b-form-input id="basicText" type="text" placeholder="Text"></b-form-input>
120120
</b-form-group>
121121
<b-form-group
122122
label="Date" label-for="date"
123123
:label-cols="3"
124-
:horizontal="true">
124+
>
125125
<b-form-input type="date" id="date"></b-form-input>
126126
</b-form-group>
127127
<b-form-group
128128
description="Please enter your email"
129129
label="Email Input"
130130
label-for="basicEmail"
131131
:label-cols="3"
132-
:horizontal="true">
132+
>
133133
<b-form-input id="basicEmail" type="email" placeholder="Enter your email" autocomplete="email"></b-form-input>
134134
</b-form-group>
135135
<b-form-group
136136
description="Please enter a complex password"
137137
label="Password Input"
138138
label-for="basicPassword"
139139
:label-cols="3"
140-
:horizontal="true">
140+
>
141141
<b-form-input id="basicPassword" type="password" placeholder="Enter your password" autocomplete="current-password"></b-form-input>
142142
</b-form-group>
143143
<b-form-group
144144
label="Disabled Input"
145145
label-for="basicInputDisabled"
146146
:label-cols="3"
147-
:horizontal="true">
147+
>
148148
<b-form-input id="basicInputDisabled" type="text" :disabled="true" placeholder="Disabled"></b-form-input>
149149
</b-form-group>
150150
<b-form-group
151151
label="Textarea"
152152
label-for="basicTextarea"
153153
:label-cols="3"
154-
:horizontal="true">
154+
>
155155
<b-form-input id="basicTextarea" :textarea="true" :rows="9" placeholder="Content.."></b-form-input>
156156
</b-form-group>
157157
<b-form-group
158158
label="Select"
159159
label-for="basicSelect"
160160
:label-cols="3"
161-
:horizontal="true">
161+
>
162162
<b-form-select id="basicSelect"
163163
:plain="true"
164164
:options="['Please select','Option 1', 'Option 2', 'Option 3']"
@@ -169,7 +169,7 @@
169169
label="Select large"
170170
label-for="basicSelectLg"
171171
:label-cols="3"
172-
:horizontal="true">
172+
>
173173
<b-form-select id="basicSelectLg"
174174
size="lg"
175175
:plain="true"
@@ -181,7 +181,7 @@
181181
label="Select small"
182182
label-for="basicSelectSm"
183183
:label-cols="3"
184-
:horizontal="true">
184+
>
185185
<b-form-select id="basicSelectSm"
186186
size="sm"
187187
:plain="true"
@@ -193,7 +193,7 @@
193193
label="Disabled select"
194194
label-for="basicSelectDisabled"
195195
:label-cols="3"
196-
:horizontal="true">
196+
>
197197
<b-form-select id="basicSelectDisabled"
198198
:plain="true"
199199
:options="['Please select','Option 1', 'Option 2', 'Option 3']"
@@ -205,7 +205,7 @@
205205
label="Select"
206206
label-for="basicMultiSelect"
207207
:label-cols="3"
208-
:horizontal="true">
208+
>
209209
<b-form-select id="basicMultiSelect"
210210
:plain="true"
211211
:multiple="true"
@@ -235,7 +235,7 @@
235235
label="Radios"
236236
label-for="basicRadios"
237237
:label-cols="3"
238-
:horizontal="true">
238+
>
239239
<b-form-radio-group id="basicRadios"
240240
:plain="true"
241241
:options="[
@@ -251,7 +251,7 @@
251251
label="Inline radios"
252252
label-for="basicInlineRadios"
253253
:label-cols="3"
254-
:horizontal="true">
254+
>
255255
<b-form-radio-group id="basicInlineRadios"
256256
:plain="true"
257257
:options="[
@@ -267,7 +267,7 @@
267267
label="Checkboxes"
268268
label-for="basicCheckboxes"
269269
:label-cols="3"
270-
horizontal>
270+
>
271271
<b-form-checkbox-group stacked id="basicCheckboxes" name="Checkboxes" :plain="true" :checked="[2,3]">
272272
<b-form-checkbox value="1">Option 1</b-form-checkbox>
273273
<b-form-checkbox value="2">Option 2</b-form-checkbox>
@@ -278,7 +278,7 @@
278278
label="Inline checkboxes"
279279
label-for="basicInlineCheckboxes"
280280
:label-cols="3"
281-
:horizontal="true">
281+
>
282282
<b-form-checkbox-group id="basicInlineCheckboxes" name="InlineCheckboxes" :plain="true" :checked="[1,3]">
283283
<b-form-checkbox :plain="true" value="1">Option 1</b-form-checkbox>
284284
<b-form-checkbox :plain="true" value="2">Option 2</b-form-checkbox>
@@ -290,7 +290,7 @@
290290
label="Radios - custom"
291291
label-for="basicRadiosCustom"
292292
:label-cols="3"
293-
:horizontal="true">
293+
>
294294
<b-form-radio-group
295295
id="basicRadiosCustom"
296296
value="1"
@@ -313,7 +313,7 @@
313313
label="Inline radios - custom"
314314
label-for="basicCustomRadios1"
315315
:label-cols="3"
316-
:horizontal="true">
316+
>
317317
<b-form-radio-group
318318
id="basicCustomRadios1"
319319
name="customRadioInline1">
@@ -335,7 +335,7 @@
335335
label="Checkboxes - custom"
336336
label-for="basicCustomCheckboxes"
337337
:label-cols="3"
338-
:horizontal="true">
338+
>
339339
<b-form-checkbox-group stacked id="basicCustomCheckboxes">
340340
<div class="custom-control custom-checkbox">
341341
<input type="checkbox" class="custom-control-input" id="customChk1" value="1" checked>
@@ -355,7 +355,7 @@
355355
label="Inline checkboxes - custom"
356356
label-for="basicInlineCustomCheckboxes"
357357
:label-cols="3"
358-
:horizontal="true">
358+
>
359359
<b-form-checkbox-group id="basicInlineCustomCheckboxes">
360360
<div class="custom-control custom-checkbox custom-control-inline">
361361
<input type="checkbox" class="custom-control-input" id="customInChk1" value="1">
@@ -375,14 +375,14 @@
375375
label="File input"
376376
label-for="fileInput"
377377
:label-cols="3"
378-
:horizontal="true">
378+
>
379379
<b-form-file id="fileInput" :plain="true"></b-form-file>
380380
</b-form-group>
381381
<b-form-group
382382
label="Multiple file input"
383383
label-for="fileInputMulti"
384384
:label-cols="3"
385-
:horizontal="true">
385+
>
386386
<b-form-file id="fileInputMulti" :plain="true" :multiple="true"></b-form-file>
387387
</b-form-group>
388388
<div slot="footer">
@@ -419,15 +419,15 @@
419419
label-for="horizEmail"
420420
description="Please enter your email."
421421
:label-cols="3"
422-
:horizontal="true">
422+
>
423423
<b-form-input id="horizEmail" type="email" placeholder="Enter Email.." autocomplete="username email"></b-form-input>
424424
</b-form-group>
425425
<b-form-group
426426
label="Password"
427427
label-for="horizPass"
428428
description="Please enter your password."
429429
:label-cols="3"
430-
:horizontal="true">
430+
>
431431
<b-form-input id="horizPass" type="password" placeholder="Enter Password.." autocomplete="current-password"></b-form-input>
432432
</b-form-group>
433433
<div slot="footer">
@@ -529,22 +529,22 @@
529529
label-for="smInput"
530530
label-size="sm"
531531
:label-cols="5"
532-
:horizontal="true">
532+
>
533533
<b-form-input id="smInput" type="text" size="sm" placeholder="size='sm'"></b-form-input>
534534
</b-form-group>
535535
<b-form-group
536536
label="Default input"
537537
label-for="defaultInput"
538538
:label-cols="5"
539-
:horizontal="true">
539+
>
540540
<b-form-input id="defaultInput" type="text" placeholder="normal"></b-form-input>
541541
</b-form-group>
542542
<b-form-group
543543
label="Large input"
544544
label-for="lgInput"
545545
label-size="lg"
546546
:label-cols="5"
547-
:horizontal="true">
547+
>
548548
<b-form-input id="lgInput" type="text" size="lg" placeholder="size='lg'"></b-form-input>
549549
</b-form-group>
550550
<div slot="footer">
@@ -608,7 +608,7 @@
608608
</b-col>
609609
</b-row>
610610
<b-row>
611-
<b-col sm="4">
611+
<b-col md="4">
612612
<b-card>
613613
<div slot="header">
614614
<strong>Icon/Text</strong> Groups
@@ -642,7 +642,7 @@
642642
</div>
643643
</b-card>
644644
</b-col>
645-
<b-col sm="4">
645+
<b-col md="4">
646646
<b-card>
647647
<div slot="header">
648648
<strong>Buttons</strong> Groups
@@ -686,7 +686,7 @@
686686
</div>
687687
</b-card>
688688
</b-col>
689-
<b-col sm="4">
689+
<b-col md="4" >
690690
<b-card>
691691
<div slot="header">
692692
<strong>Dropdowns</strong> Groups
@@ -860,7 +860,7 @@
860860
</b-col>
861861
</b-row>
862862
<b-row>
863-
<b-col sm="4">
863+
<b-col md="4">
864864
<b-card>
865865
<div slot="header">
866866
Example Form
@@ -893,7 +893,7 @@
893893
</b-form>
894894
</b-card>
895895
</b-col>
896-
<b-col sm="4">
896+
<b-col md="4">
897897
<b-card>
898898
<div slot="header">
899899
Example Form
@@ -923,7 +923,7 @@
923923
</b-form>
924924
</b-card>
925925
</b-col>
926-
<b-col sm="4">
926+
<b-col md="4">
927927
<b-card>
928928
<div slot="header">
929929
Example Form

0 commit comments

Comments
 (0)