@@ -48,16 +48,27 @@ WHen importing individual component plugins, you can specify a config as well (u
48
48
config structure as above. YOu only need to provide configuration to the first component you
49
49
import, but each successive config will be merged with the previous config provided.
50
50
51
- Note breakppint names should only be defined before using any compoponents (as they are required
52
- to generate component breakpoint specific props).
51
+ Note breakpoint names should be defined before using any compoponents as they are required
52
+ to generate component breakpoint specific props. Once the component that has breakpoint specific
53
+ props is used, andy subsequent changes to the breakpoints will not be reflected.
53
54
54
55
``` js
55
56
import Layout from ' bootstrap-vue/es/components/layout'
56
57
import Alert from ' bootstrap-vue/es/components/alert'
57
58
import Button from ' bootstrap-vue/es/components/button'
59
+
58
60
Vue .use (Layout, { breakpoints: [' xs' , ' sm' , ' lg' , ' xl' , ' xxl' ] })
59
61
Vue .use (Alert, { BAlert: { variant: ' danger' } })
60
62
Vue .use (Button, { BButton: { variant: ' primary' } })
63
+
64
+ // OR
65
+ Vue .use (Layout, {
66
+ breakpoints: [' xs' , ' sm' , ' lg' , ' xl' , ' xxl' ],
67
+ { BAlert: { variant: ' danger' } },
68
+ { BButton: { variant: ' primary' } }
69
+ })
70
+ Vue .use (Alert)
71
+ Vue .use (Button)
61
72
```
62
73
63
74
## Disabling BootstrapVue console warnings
0 commit comments