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>
|