File tree 1 file changed +10
-3
lines changed
1 file changed +10
-3
lines changed Original file line number Diff line number Diff line change 4
4
<alert type =" success" >
5
5
Success!
6
6
</alert >
7
+
8
+ <button class =" btn btn-success btn-lg" @click =" showRight = true" >Show Aside</button >
9
+ <aside :show.sync =" showRight" placement =" right" header =" Title" width =" 350" >
10
+ Something on the side
11
+ </aside >
7
12
</div >
8
13
</template >
9
14
10
15
<script >
11
- import { alert } from ' vue-strap'
16
+ import { alert , aside } from ' vue-strap'
12
17
import ' bootstrap/dist/css/bootstrap.css'
13
18
14
19
export default {
@@ -18,11 +23,13 @@ export default {
18
23
// with hot-reload because the reloaded component
19
24
// preserves its current state and we are modifying
20
25
// its initial state.
21
- msg: ' Hello Vue!'
26
+ msg: ' Hello Vue!' ,
27
+ showRight: false
22
28
}
23
29
},
24
30
components: {
25
- alert
31
+ alert,
32
+ aside
26
33
}
27
34
}
28
35
</script >
You can’t perform that action at this time.
0 commit comments