Bootstrap-vue: Button size issue

Created on 20 Nov 2017 · 3Comments · Source: bootstrap-vue/bootstrap-vue

How can I set size of button?

I tried <b-button :size="sm">Click</b-button as docs says.
But got error:

Property or method "sm" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.

Source

radostnomne

Most helpful comment

Doc examples are ok. Just remember that : is sugar for v-bind, and v-bind is used when you are providing a variable. If you want to pass just a string value to attribute - it doesn't need v-bind

mosinve on 20 Nov 2017

👍2

All 3 comments

Hi. Please try using:

 <b-button size="sm">Click</b-button>

pi0 on 20 Nov 2017

👍1

it works, thank you. I think the docs needs to be fixed

radostnomne on 20 Nov 2017

Doc examples are ok. Just remember that : is sugar for v-bind, and v-bind is used when you are providing a variable. If you want to pass just a string value to attribute - it doesn't need v-bind

mosinve on 20 Nov 2017

👍2

Was this page helpful?

0 / 5 - 0 ratings