1 files changed, 6 insertions, 3 deletions
diff --git a/app/assets/javascripts/vue_shared/components/color_picker/color_picker.vue b/app/assets/javascripts/vue_shared/components/color_picker/color_picker.vue
index 7563c35dfc8..7a166f9a3e4 100644
--- a/app/assets/javascripts/vue_shared/components/color_picker/color_picker.vue
+++ b/app/assets/javascripts/vue_shared/components/color_picker/color_picker.vue
@@ -7,6 +7,7 @@
      :invalid-feedback="__('Please enter a valid hex (#RRGGBB or #RGB) color value')"
      :label="__('Background color')"
      :value="#FF0000"
+     :suggestedColors="{ '#ff0000': 'Red', '#808080': 'Gray' }",
      state="isValidColor"
    />
  */
@@ -48,6 +49,11 @@ export default {
       required: false,
       default: null,
     },
+    suggestedColors: {
+      type: Object,
+      required: false,
+      default: () => gon.suggested_label_colors,
+    },
   },
   computed: {
     description() {
@@ -55,9 +61,6 @@ export default {
         ? this.$options.i18n.fullDescription
         : this.$options.i18n.shortDescription;
     },
-    suggestedColors() {
-      return gon.suggested_label_colors;
-    },
     previewColor() {
       if (this.state) {
         return { backgroundColor: this.value };