1 files changed, 40 insertions, 0 deletions
diff --git a/app/assets/javascripts/pages/shared/wikis/components/wiki_export.vue b/app/assets/javascripts/pages/shared/wikis/components/wiki_export.vue
new file mode 100644
index 00000000000..4d13f25c4cb
--- /dev/null
+++ b/app/assets/javascripts/pages/shared/wikis/components/wiki_export.vue
@@ -0,0 +1,40 @@
+<script>
+import { GlDisclosureDropdown } from '@gitlab/ui';
+import { __ } from '~/locale';
+import printMarkdownDom from '~/lib/print_markdown_dom';
+
+export default {
+  components: {
+    GlDisclosureDropdown,
+  },
+  inject: ['target', 'title', 'stylesheet'],
+  computed: {
+    dropdownItems() {
+      return [
+        {
+          text: __('Print as PDF'),
+          action: this.print,
+        },
+      ];
+    },
+  },
+  methods: {
+    print() {
+      printMarkdownDom({
+        target: document.querySelector(this.target),
+        title: this.title,
+        stylesheet: this.stylesheet,
+      });
+    },
+  },
+};
+</script>
+<template>
+  <gl-disclosure-dropdown
+    :items="dropdownItems"
+    icon="ellipsis_v"
+    category="tertiary"
+    placement="right"
+    no-caret
+  />
+</template>