Add disabled overflow links (#167)

modrinth · Dec 7, 2023 · d92447e · d92447e
1 parent 94db8ce
commit d92447e
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 2 deletions.
diff --git a/docs/components/overflow-menu.md b/docs/components/overflow-menu.md
@@ -12,6 +12,11 @@
     'id': 'duplicate',
     'action': () => {}
   },
+  {
+    'id': 'disabled',
+    'disabled': true,
+    'action': () => {}
+  },
   {
     'id': 'report',
     'link': 'https://example.com/report',
@@ -37,6 +42,9 @@
     <template #duplicate>
       <CopyIcon /> Duplicate
     </template>
+    <template #disabled>
+      <XIcon /> Disabled
+    </template>
     <template #report>
       <ReportIcon /> Report
     </template>
@@ -64,6 +72,11 @@
       'id': 'duplicate',
       'action': () => {}
     },
+    {
+      'id': 'disabled',
+      'disabled': true,
+      'action': () => {}
+    },
     {
       'id': 'report',
       'link': 'https://example.com/report',
@@ -83,12 +96,21 @@
     }
 ]">
   More options...
-  <template #like>
-    <HeartIcon /> Like
+  <template #play>
+    <PlayIcon /> Play
+  </template>
+  <template #duplicate>
+    <CopyIcon /> Duplicate
+  </template>
+  <template #disabled>
+    <XIcon /> Disabled
   </template>
   <template #report>
     <ReportIcon /> Report
   </template>
+  <template #remain>
+    <ClearIcon /> I shall remain
+  </template>
   <template #delete>
     <TrashIcon /> Delete
   </template>

diff --git a/lib/components/base/OverflowMenu.vue b/lib/components/base/OverflowMenu.vue
@@ -17,6 +17,7 @@
           :color="option.color ? option.color : 'default'"
           :hover-filled="option.hoverFilled"
           :hover-filled-only="option.hoverFilledOnly"
+          :disabled="option.disabled"
           transparent
           :action="
             option.action