1 files changed, 38 insertions, 0 deletions
diff --git a/app/assets/javascripts/super_sidebar/components/create_menu.vue b/app/assets/javascripts/super_sidebar/components/create_menu.vue
new file mode 100644
index 00000000000..e92a6cbf5f5
--- /dev/null
+++ b/app/assets/javascripts/super_sidebar/components/create_menu.vue
@@ -0,0 +1,38 @@
+<script>
+import { GlDisclosureDropdown, GlTooltip } from '@gitlab/ui';
+import { __ } from '~/locale';
+
+export default {
+  components: {
+    GlDisclosureDropdown,
+    GlTooltip,
+  },
+  i18n: {
+    createNew: __('Create new...'),
+  },
+  props: {
+    groups: {
+      type: Array,
+      required: true,
+    },
+  },
+  toggleId: 'create-menu-toggle',
+};
+</script>
+
+<template>
+  <div>
+    <gl-disclosure-dropdown
+      category="tertiary"
+      icon="plus"
+      :items="groups"
+      no-caret
+      text-sr-only
+      :toggle-text="$options.i18n.createNew"
+      :toggle-id="$options.toggleId"
+    />
+    <gl-tooltip :target="`#${$options.toggleId}`" placement="bottom" container="#super-sidebar">
+      {{ $options.i18n.createNew }}
+    </gl-tooltip>
+  </div>
+</template>