mirror of
https://github.com/romancm/gamebrary
synced 2024-12-23 01:23:13 +00:00
58 lines
1.2 KiB
Vue
58 lines
1.2 KiB
Vue
<template lang="html">
|
|
<div content-class="mt-3">
|
|
<div
|
|
v-for="variant in variants"
|
|
:key="variant"
|
|
class="mb-3"
|
|
>
|
|
<b-button
|
|
v-for="size in ['sm', '', 'lg']"
|
|
:variant="variant"
|
|
:key="size"
|
|
:size="size"
|
|
class="mr-2"
|
|
>
|
|
{{ variant }}
|
|
</b-button>
|
|
</div>
|
|
|
|
<b-dropdown text="Dropdown Button">
|
|
<b-dropdown-item>First Action</b-dropdown-item>
|
|
<b-dropdown-item>Second Action</b-dropdown-item>
|
|
<b-dropdown-item>Third Action</b-dropdown-item>
|
|
<b-dropdown-divider></b-dropdown-divider>
|
|
<b-dropdown-item active>Active action</b-dropdown-item>
|
|
<b-dropdown-item disabled>Disabled action</b-dropdown-item>
|
|
</b-dropdown>
|
|
|
|
<b-button
|
|
@click="$store.commit('SET_SESSION_EXPIRED', true)"
|
|
variant="warning"
|
|
>
|
|
Expire session
|
|
</b-button>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
variants: [
|
|
'primary',
|
|
'secondary',
|
|
'success',
|
|
'danger',
|
|
'warning',
|
|
'info',
|
|
'light',
|
|
'dark',
|
|
'link',
|
|
],
|
|
};
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" rel="stylesheet/scss" scoped>
|
|
</style>
|