Sfoglia il codice sorgente

HUE-9485 [frontend] Add disabled prop to the DrodownPanel component

Johan Ahlen 5 anni fa
parent
commit
e94f49f4fc

+ 4 - 2
desktop/core/src/desktop/js/components/dropdown/DropdownPanel.vue

@@ -18,10 +18,10 @@
 
 <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"
@@ -69,6 +69,8 @@
     text!: string;
     @Prop({ required: false, default: false })
     link!: boolean;
+    @Prop({ required: false, default: false })
+    disabled!: boolean;
 
     panelOpen = false;