Permalink
Fetching contributors…
Cannot retrieve contributors at this time
58 lines (51 sloc) 1.31 KB
<template>
<v-container id="dropdown-example" grid-list-xl>
<v-layout row wrap>
<v-flex xs12 sm4>
<p>Overflow</p>
<v-overflow-btn
:items="dropdown_font"
label="Overflow Btn"
target="#dropdown-example"
></v-overflow-btn>
</v-flex>
<v-flex xs12 sm4>
<p>Segmented</p>
<v-overflow-btn
:items="dropdown_icon"
label="Segmented Btn"
segmented
target="#dropdown-example"
></v-overflow-btn>
</v-flex>
<v-flex xs12 sm4>
<p>Editable</p>
<v-overflow-btn
:items="dropdown_edit"
label="Editable Btn"
editable
item-value="text"
></v-overflow-btn>
</v-flex>
</v-layout>
</v-container>
</template>
<script>
export default {
data: () => ({
dropdown_font: ['Arial', 'Calibri', 'Courier', 'Verdana'],
dropdown_icon: [
{ text: 'list', callback: () => console.log('list') },
{ text: 'favorite', callback: () => console.log('favorite') },
{ text: 'delete', callback: () => console.log('delete') }
],
dropdown_edit: [
{ text: '100%' },
{ text: '75%' },
{ text: '50%' },
{ text: '25%' },
{ text: '0%' }
]
})
}
</script>