1 files changed, 24 insertions, 0 deletions
diff --git a/app/assets/javascripts/ci/runner/components/runner_edit_button.vue b/app/assets/javascripts/ci/runner/components/runner_edit_button.vue
new file mode 100644
index 00000000000..33e0acaf5c0
--- /dev/null
+++ b/app/assets/javascripts/ci/runner/components/runner_edit_button.vue
@@ -0,0 +1,24 @@
+<script>
+import { GlButton, GlTooltipDirective } from '@gitlab/ui';
+import { I18N_EDIT } from '../constants';
+
+export default {
+  components: {
+    GlButton,
+  },
+  directives: {
+    GlTooltip: GlTooltipDirective,
+  },
+  I18N_EDIT,
+};
+</script>
+
+<template>
+  <gl-button
+    v-gl-tooltip="$options.I18N_EDIT"
+    v-bind="$attrs"
+    :aria-label="$options.I18N_EDIT"
+    icon="pencil"
+    v-on="$listeners"
+  />
+</template>