Skip to content

Commit 4a46224

Browse files
authored
Update README.md
1 parent bb619b7 commit 4a46224

File tree

1 file changed

+20
-3
lines changed

1 file changed

+20
-3
lines changed

src/components/form-spinbutton/README.md

Lines changed: 20 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,13 @@ When `step` is set, the value will always be a multiple of the step size plus th
6363
<template>
6464
<div>
6565
<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>
6773
</div>
6874
</template>
6975

@@ -136,14 +142,25 @@ Spinbuttons can be oriented in vertical mode:
136142
<template>
137143
<div>
138144
<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>
140146
</div>
141147
</template>
142148

149+
<script>
150+
export default {
151+
data() {
152+
return: {
153+
value: 50
154+
}
155+
}
156+
}
157+
</script>
158+
143159
<!-- b-form-spinbotton-vertical.vue -->
144160
```
145161

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.
147164

148165
### Width
149166

0 commit comments

Comments
 (0)