1 files changed, 34 insertions, 0 deletions
diff --git a/app/assets/javascripts/admin/broadcast_messages/components/message_form_group.vue b/app/assets/javascripts/admin/broadcast_messages/components/message_form_group.vue
new file mode 100644
index 00000000000..eec51c0c28b
--- /dev/null
+++ b/app/assets/javascripts/admin/broadcast_messages/components/message_form_group.vue
@@ -0,0 +1,34 @@
+<script>
+import { GlFormGroup } from '@gitlab/ui';
+
+export default {
+  name: 'MessageFormGroup',
+  components: {
+    GlFormGroup,
+  },
+  props: {
+    label: {
+      type: String,
+      required: true,
+    },
+    labelFor: {
+      type: String,
+      required: false,
+      default: '',
+    },
+  },
+};
+</script>
+<template>
+  <div>
+    <gl-form-group
+      :label="label"
+      :label-for="labelFor"
+      label-cols-sm="2"
+      label-class="gl-mt-3"
+      label-align-sm="right"
+    >
+      <slot></slot>
+    </gl-form-group>
+  </div>
+</template>