feat(v-dropdown): new custom slots: label and icon

gitsindonesia · Sep 27, 2021 · c6b528a · c6b528a
1 parent 4dc710c
commit c6b528a
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/VDropdown/VDropdown.vue b/src/components/VDropdown/VDropdown.vue
@@ -93,8 +93,12 @@ const emit = defineEmits(['update:modelValue']);
       <div>
         <MenuButton as="template">
           <v-btn v-bind="{...restBtnProps, ...btnProps}">
-            {{ label }}
-            <ChevronDownIcon class="w-5 h-5 ml-2 -mr-1" aria-hidden="true" />
+            <slot name="label">
+              {{ label }}
+            </slot>
+            <slot name="icon">
+              <ChevronDownIcon class="w-5 h-5 ml-2 -mr-1" aria-hidden="true" />
+            </slot>
           </v-btn>
         </MenuButton>
       </div>