mirror of
https://gitlab.com/bramw/baserow.git
synced 2025-04-30 07:10:03 +00:00
43 lines
894 B
Vue
43 lines
894 B
Vue
<template>
|
|
<div class="dropdown">
|
|
<a
|
|
ref="pickerLink"
|
|
class="dropdown__selected"
|
|
@click="$refs.pickerContext.toggle($refs.pickerLink, 'bottom', 'left', 2)"
|
|
>
|
|
<i class="dropdown__selected-icon" :class="icon" />
|
|
<span class="dropdown__selected-text">{{ name }}</span>
|
|
<i class="dropdown__toggle-icon iconoir-nav-arrow-down"></i>
|
|
</a>
|
|
<Context
|
|
ref="pickerContext"
|
|
class="picker__context"
|
|
:overflow-scroll="true"
|
|
:max-height-if-outside-viewport="true"
|
|
>
|
|
<slot :hide-picker="hide" />
|
|
</Context>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'Picker',
|
|
props: {
|
|
name: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
icon: {
|
|
type: String,
|
|
required: false,
|
|
default: '',
|
|
},
|
|
},
|
|
methods: {
|
|
hide() {
|
|
this.$refs.pickerContext.hide()
|
|
},
|
|
},
|
|
}
|
|
</script>
|