Skip to content

Commit 46d553b

Browse files
committed
aside added
1 parent 9cd439c commit 46d553b

File tree

1 file changed

+10
-3
lines changed

1 file changed

+10
-3
lines changed

vue-strap-test/src/App.vue

+10-3
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,16 @@
44
<alert type="success">
55
Success!
66
</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>
712
</div>
813
</template>
914

1015
<script>
11-
import { alert } from 'vue-strap'
16+
import { alert, aside } from 'vue-strap'
1217
import 'bootstrap/dist/css/bootstrap.css'
1318
1419
export default {
@@ -18,11 +23,13 @@ export default {
1823
// with hot-reload because the reloaded component
1924
// preserves its current state and we are modifying
2025
// its initial state.
21-
msg: 'Hello Vue!'
26+
msg: 'Hello Vue!',
27+
showRight: false
2228
}
2329
},
2430
components: {
25-
alert
31+
alert,
32+
aside
2633
}
2734
}
2835
</script>

0 commit comments

Comments
 (0)