@@ -25,7 +25,7 @@ The `<BFormGroup>` component is the easiest way to add some structure to forms.
25
25
: state ="state"
26
26
label-class="mb-1"
27
27
>
28
- <BFormInput id="input-1" v-model="name" :state="state" trim> </ BFormInput >
28
+ <BFormInput id="input-1" v-model="name" :state="state" trim / >
29
29
</BFormGroup>
30
30
<template #html>
31
31
@@ -41,7 +41,7 @@ The `<BFormGroup>` component is the easiest way to add some structure to forms.
41
41
:state="state"
42
42
label-class="mb-1"
43
43
>
44
- <BFormInput id="input-1" v-model="name" :state="state" trim></BFormInput >
44
+ <BFormInput id="input-1" v-model="name" :state="state" trim / >
45
45
</BFormGroup>
46
46
</template>
47
47
@@ -123,7 +123,7 @@ See the [Layout and Grid System](/docs/components/layout#how-it-works) docs for
123
123
label="Enter your name"
124
124
label-for="input-horizontal"
125
125
>
126
- <BFormInput id =" input-horizontal " ></ BFormInput >
126
+ <BFormInput id =" input-horizontal " / >
127
127
</BFormGroup >
128
128
<template #html>
129
129
@@ -138,7 +138,7 @@ See the [Layout and Grid System](/docs/components/layout#how-it-works) docs for
138
138
label="Enter your name"
139
139
label-for="input-horizontal"
140
140
>
141
- <BFormInput id="input-horizontal"></BFormInput >
141
+ <BFormInput id="input-horizontal" / >
142
142
</BFormGroup>
143
143
```
144
144
@@ -155,27 +155,27 @@ for both horizontal and non-horizontal form groups.
155
155
156
156
<HighlightCard >
157
157
<BFormGroup label-cols =" 4 " label-cols-lg =" 2 " label-size =" sm " label =" Small " label-for =" input-sm " >
158
- <BFormInput id="input-sm" size="sm"></BFormInput >
158
+ <BFormInput id="input-sm" size="sm" / >
159
159
</BFormGroup >
160
160
<BFormGroup label-cols =" 4 " label-cols-lg =" 2 " label =" Default " label-for =" input-default " >
161
- <BFormInput id="input-default"></BFormInput >
161
+ <BFormInput id="input-default" / >
162
162
</BFormGroup >
163
163
<BFormGroup label-cols =" 4 " label-cols-lg =" 2 " label-size =" lg " label =" Large " label-for =" input-lg " >
164
- <BFormInput id="input-lg" size="lg"></BFormInput >
164
+ <BFormInput id="input-lg" size="lg" / >
165
165
</BFormGroup >
166
166
<template #html>
167
167
168
168
``` vue-html
169
169
<BFormGroup label-cols="4" label-cols-lg="2" label-size="sm" label="Small" label-for="input-sm">
170
- <BFormInput id="input-sm" size="sm"></BFormInput >
170
+ <BFormInput id="input-sm" size="sm" / >
171
171
</BFormGroup>
172
172
173
173
<BFormGroup label-cols="4" label-cols-lg="2" label="Default" label-for="input-default">
174
- <BFormInput id="input-default"></BFormInput >
174
+ <BFormInput id="input-default" / >
175
175
</BFormGroup>
176
176
177
177
<BFormGroup label-cols="4" label-cols-lg="2" label-size="lg" label="Large" label-for="input-lg">
178
- <BFormInput id="input-lg" size="lg"></BFormInput >
178
+ <BFormInput id="input-lg" size="lg" / >
179
179
</BFormGroup>
180
180
```
181
181
@@ -217,31 +217,31 @@ of related form controls:
217
217
label-cols-sm="3"
218
218
label-align-sm="end"
219
219
>
220
- <BFormInput id="nested-street"></BFormInput >
220
+ <BFormInput id="nested-street" / >
221
221
</BFormGroup>
222
222
<BFormGroup
223
223
label="City:"
224
224
label-for="nested-city"
225
225
label-cols-sm="3"
226
226
label-align-sm="end"
227
227
>
228
- <BFormInput id="nested-city"></BFormInput >
228
+ <BFormInput id="nested-city" / >
229
229
</BFormGroup>
230
230
<BFormGroup
231
231
label="State:"
232
232
label-for="nested-state"
233
233
label-cols-sm="3"
234
234
label-align-sm="end"
235
235
>
236
- <BFormInput id="nested-state"></BFormInput >
236
+ <BFormInput id="nested-state" / >
237
237
</BFormGroup>
238
238
<BFormGroup
239
239
label="Country:"
240
240
label-for="nested-country"
241
241
label-cols-sm="3"
242
242
label-align-sm="end"
243
243
>
244
- <BFormInput id="nested-country"></BFormInput >
244
+ <BFormInput id="nested-country" / >
245
245
</BFormGroup>
246
246
<BFormGroup
247
247
label="Ship via:"
@@ -252,7 +252,7 @@ of related form controls:
252
252
<BFormRadioGroup
253
253
class="pt-2"
254
254
:options="['Air', 'Courier', 'Mail']"
255
- ></BFormRadioGroup >
255
+ / >
256
256
</BFormGroup>
257
257
</BFormGroup>
258
258
</BCard >
@@ -273,15 +273,15 @@ of related form controls:
273
273
label-cols-sm="3"
274
274
label-align-sm="end"
275
275
>
276
- <BFormInput id="nested-street"></BFormInput >
276
+ <BFormInput id="nested-street" / >
277
277
</BFormGroup>
278
278
279
279
<BFormGroup label="City:" label-for="nested-city" label-cols-sm="3" label-align-sm="end">
280
- <BFormInput id="nested-city"></BFormInput >
280
+ <BFormInput id="nested-city" / >
281
281
</BFormGroup>
282
282
283
283
<BFormGroup label="State:" label-for="nested-state" label-cols-sm="3" label-align-sm="end">
284
- <BFormInput id="nested-state"></BFormInput >
284
+ <BFormInput id="nested-state" / >
285
285
</BFormGroup>
286
286
287
287
<BFormGroup
@@ -290,7 +290,7 @@ of related form controls:
290
290
label-cols-sm="3"
291
291
label-align-sm="end"
292
292
>
293
- <BFormInput id="nested-country"></BFormInput >
293
+ <BFormInput id="nested-country" / >
294
294
</BFormGroup>
295
295
296
296
<BFormGroup
@@ -302,7 +302,7 @@ of related form controls:
302
302
<BFormRadioGroup
303
303
class="pt-2"
304
304
:options="['Air', 'Courier', 'Mail']"
305
- ></BFormRadioGroup >
305
+ / >
306
306
</BFormGroup>
307
307
</BFormGroup>
308
308
</BCard>
@@ -398,7 +398,7 @@ You can make a floating label by setting the property `floating` to true and spe
398
398
: state ="floatingState"
399
399
floating
400
400
>
401
- <BFormInput id="input-floating-1" v-model="floatingName" :state="floatingState" trim placeholder="Enter your name please"> </ BFormInput >
401
+ <BFormInput id="input-floating-1" v-model="floatingName" :state="floatingState" trim placeholder="Enter your name please" / >
402
402
</BFormGroup>
403
403
<template #html>
404
404
@@ -420,7 +420,7 @@ You can make a floating label by setting the property `floating` to true and spe
420
420
:state="floatingState"
421
421
trim
422
422
placeholder="Enter your name please"
423
- ></BFormInput >
423
+ / >
424
424
</BFormGroup>
425
425
</template>
426
426
0 commit comments