There was an error while loading. Please reload this page.
1 parent 9cd439c commit 46d553bCopy full SHA for 46d553b
1 file changed
vue-strap-test/src/App.vue
@@ -4,11 +4,16 @@
4
<alert type="success">
5
Success!
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>
12
</div>
13
</template>
14
15
<script>
-import { alert } from 'vue-strap'
16
+import { alert, aside } from 'vue-strap'
17
import 'bootstrap/dist/css/bootstrap.css'
18
19
export default {
@@ -18,11 +23,13 @@ export default {
23
// with hot-reload because the reloaded component
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
}
29
},
30
components: {
- alert
31
+ alert,
32
+ aside
33
34
35
</script>
0 commit comments