1 files changed, 26 insertions, 0 deletions
diff --git a/app/assets/javascripts/vue_shared/components/listbox_input/listbox_input.stories.js b/app/assets/javascripts/vue_shared/components/listbox_input/listbox_input.stories.js
new file mode 100644
index 00000000000..4106de371cb
--- /dev/null
+++ b/app/assets/javascripts/vue_shared/components/listbox_input/listbox_input.stories.js
@@ -0,0 +1,26 @@
+import ListboxInput from './listbox_input.vue';
+
+export default {
+  component: ListboxInput,
+  title: 'vue_shared/listbox_input',
+};
+
+const Template = (args, { argTypes }) => ({
+  components: { ListboxInput },
+  data() {
+    return { selected: null };
+  },
+  props: Object.keys(argTypes),
+  template: '<listbox-input v-model="selected" v-bind="$props" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  name: 'input_name',
+  defaultToggleText: 'Select an option',
+  items: [
+    { text: 'Option 1', value: '1' },
+    { text: 'Option 2', value: '2' },
+    { text: 'Option 3', value: '3' },
+  ],
+};