[frontend] Add disabled prop to the DrodownPanel component
<template>
<div v-click-outside="clickOutside" class="hue-dropdown-panel">
- <hue-link v-if="link" @click="togglePanel">
+ <hue-link v-if="link" @click="togglePanel" :disabled="disabled">
{{ text }} <i class="fa fa-caret-down" />
</hue-link>
- <hue-button v-else @click="togglePanel"> {{ text }} <i class="fa fa-caret-down" /></hue-button>
+ <hue-button v-else @click="togglePanel" :disabled="disabled"> {{ text }} <i class="fa fa-caret-down" /></hue-button>
<div class="hue-dropdown-container" :class="{ open: panelOpen }">
<div
class="hue-dropdown-inner"
text!: string;
@Prop({ required: false, default: false })
link!: boolean;
+ @Prop({ required: false, default: false })
+ disabled!: boolean;
panelOpen = false;
