1 files changed, 11 insertions, 2 deletions
diff --git a/app/assets/javascripts/registry/explorer/components/details_page/tags_list.vue b/app/assets/javascripts/registry/explorer/components/details_page/tags_list.vue
index 1e0736c4a53..bc10246614a 100644
--- a/app/assets/javascripts/registry/explorer/components/details_page/tags_list.vue
+++ b/app/assets/javascripts/registry/explorer/components/details_page/tags_list.vue
@@ -1,7 +1,7 @@
 <script>
 import { GlButton } from '@gitlab/ui';
-import TagsListRow from './tags_list_row.vue';
 import { REMOVE_TAGS_BUTTON_TITLE, TAGS_LIST_TITLE } from '../../constants/index';
+import TagsListRow from './tags_list_row.vue';
 
 export default {
   name: 'TagsList',
@@ -20,6 +20,11 @@ export default {
       default: true,
       required: false,
     },
+    disabled: {
+      type: Boolean,
+      default: false,
+      required: false,
+    },
   },
   i18n: {
     REMOVE_TAGS_BUTTON_TITLE,
@@ -37,6 +42,9 @@ export default {
     showMultiDeleteButton() {
       return this.tags.some((tag) => tag.canDelete) && !this.isMobile;
     },
+    multiDeleteButtonIsDisabled() {
+      return !this.hasSelectedItems || this.disabled;
+    },
   },
   methods: {
     updateSelectedItems(name) {
@@ -55,7 +63,7 @@ export default {
 
       <gl-button
         v-if="showMultiDeleteButton"
-        :disabled="!hasSelectedItems"
+        :disabled="multiDeleteButtonIsDisabled"
         category="secondary"
         variant="danger"
         @click="$emit('delete', selectedItems)"
@@ -70,6 +78,7 @@ export default {
       :first="index === 0"
       :selected="selectedItems[tag.name]"
       :is-mobile="isMobile"
+      :disabled="disabled"
       @select="updateSelectedItems(tag.name)"
       @delete="$emit('delete', { [tag.name]: true })"
     />