From 8b4bd25a92bbf8170fb6bc13cfc95ddef1c0dd07 Mon Sep 17 00:00:00 2001
From: Rijk van Zanten <rijkvanzanten@me.com>
Date: Wed, 22 Apr 2020 16:43:04 -0400
Subject: [PATCH] Add storybook entry for tags display (#456)

---
 src/displays/tags/tags.story.ts | 24 ++++++++++++++++++++++++
 src/displays/tags/tags.vue      |  4 ++++
 2 files changed, 28 insertions(+)

diff --git a/src/displays/tags/tags.story.ts b/src/displays/tags/tags.story.ts
index e69de29bb2..4a8d02be65 100644
--- a/src/displays/tags/tags.story.ts
+++ b/src/displays/tags/tags.story.ts
@@ -0,0 +1,24 @@
+import withPadding from '../../../.storybook/decorators/with-padding';
+import { withKnobs, array } from '@storybook/addon-knobs';
+import readme from './readme.md';
+import { defineComponent } from '@vue/composition-api';
+
+export default {
+	title: 'Displays / Tags',
+	decorators: [withPadding, withKnobs],
+	parameters: {
+		notes: readme,
+	},
+};
+
+export const basic = () =>
+	defineComponent({
+		props: {
+			value: {
+				default: array('Value', ['vip', 'executive']),
+			},
+		},
+		template: `
+			<display-tags :value="value" />
+		`,
+	});
diff --git a/src/displays/tags/tags.vue b/src/displays/tags/tags.vue
index e23b76d531..318adac3a5 100644
--- a/src/displays/tags/tags.vue
+++ b/src/displays/tags/tags.vue
@@ -23,4 +23,8 @@ export default defineComponent({
 .display-tags {
 	display: inline-block;
 }
+
+.v-chip + .v-chip {
+	margin-left: 4px;
+}
 </style>