44 lines
709 B
Vue
44 lines
709 B
Vue
|
<template>
|
||
|
<v-tabs
|
||
|
v-model="internalValue"
|
||
|
:active-class="`${color} ${$vuetify.theme.dark ? 'black' : 'white'}--text`"
|
||
|
class="v-tabs--pill"
|
||
|
hide-slider
|
||
|
v-bind="$attrs"
|
||
|
>
|
||
|
<slot />
|
||
|
|
||
|
<slot name="items" />
|
||
|
</v-tabs>
|
||
|
</template>
|
||
|
|
||
|
<script>
|
||
|
// Mixins
|
||
|
import Proxyable from 'vuetify/lib/mixins/proxyable'
|
||
|
|
||
|
export default {
|
||
|
name: 'MaterialTabs',
|
||
|
|
||
|
mixins: [Proxyable],
|
||
|
|
||
|
props: {
|
||
|
color: {
|
||
|
type: String,
|
||
|
default: 'primary',
|
||
|
},
|
||
|
},
|
||
|
}
|
||
|
</script>
|
||
|
|
||
|
<style lang="sass">
|
||
|
.v-tabs--pill
|
||
|
.v-tab,
|
||
|
.v-tab:before
|
||
|
border-radius: 24px
|
||
|
|
||
|
&.v-tabs--icons-and-text
|
||
|
.v-tab,
|
||
|
.v-tab:before
|
||
|
border-radius: 4px
|
||
|
</style>
|