File tree Expand file tree Collapse file tree 1 file changed +20
-3
lines changed
src/components/form-spinbutton Expand file tree Collapse file tree 1 file changed +20
-3
lines changed Original file line number Diff line number Diff line change @@ -63,7 +63,13 @@ When `step` is set, the value will always be a multiple of the step size plus th
63
63
<template >
64
64
<div >
65
65
<label for =" sb-step" >Spin button with step of 0.25</label >
66
- <b-form-spinbutton id =" sb-step" min =" 0" max =" 10" step =" 0.25" ></b-form-spinbutton >
66
+ <b-form-spinbutton
67
+ id =" sb-step"
68
+ v-model =" value"
69
+ min =" 0"
70
+ max =" 10"
71
+ step =" 0.25"
72
+ ></b-form-spinbutton >
67
73
</div >
68
74
</template >
69
75
@@ -136,14 +142,25 @@ Spinbuttons can be oriented in vertical mode:
136
142
<template >
137
143
<div >
138
144
<label for =" sb-vertical" >Vertical spin button</label ><br >
139
- <b-form-spinbutton id =" sb-vertical" vertical ></b-form-spinbutton >
145
+ <b-form-spinbutton id =" sb-vertical" v-model = " value " vertical ></b-form-spinbutton >
140
146
</div >
141
147
</template >
142
148
149
+ <script >
150
+ export default {
151
+ data () {
152
+ return: {
153
+ value: 50
154
+ }
155
+ }
156
+ }
157
+ </script >
158
+
143
159
<!-- b-form-spinbotton-vertical.vue -->
144
160
```
145
161
146
- Vertical spinbuttons can also be sized.
162
+ Vertical spin buttons can also be sized using hte ` size ` prop. When in vertical mode, the
163
+ spinbutton is rendered as an inline element.
147
164
148
165
### Width
149
166
You can’t perform that action at this time.
0 commit comments