From 11546979420b523d899b40672c9dcad64e1ddd93 Mon Sep 17 00:00:00 2001
From: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
Date: Fri, 15 Mar 2024 11:55:37 +0100
Subject: [PATCH] add stories for tracked reference table

---
 ...ocument-tracked-reference-table.stories.ts | 51 +++++++++++++++++++
 1 file changed, 51 insertions(+)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/tracked-reference/components/document-tracked-reference-table.stories.ts b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/tracked-reference/components/document-tracked-reference-table.stories.ts
index e69de29bb2..b92d7bdf22 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/tracked-reference/components/document-tracked-reference-table.stories.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/tracked-reference/components/document-tracked-reference-table.stories.ts
@@ -0,0 +1,51 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+import type { UmbDocumentTrackedReferenceTableElement } from './document-tracked-reference-table.element.js';
+import { html } from '@umbraco-cms/backoffice/external/lit';
+
+import './document-tracked-reference-table.element.js';
+
+const meta: Meta<UmbDocumentTrackedReferenceTableElement> = {
+	id: 'umb-document-tracked-reference-table',
+	title: 'Components/Document/Tracked Reference Table',
+	component: 'umb-document-tracked-reference-table',
+	args: {
+		unique: '1234',
+	},
+	parameters: {
+		actions: {
+			disabled: true,
+		},
+		docs: {
+			source: {
+				language: 'html',
+				code: `
+<umb-document-tracked-reference-table unique="<Content GUID>"></umb-document-tracked-reference-table>
+				`,
+			},
+		},
+	},
+};
+
+export default meta;
+
+type Story = StoryObj<UmbDocumentTrackedReferenceTableElement>;
+
+export const Overview: Story = {};
+
+export const SlimTable: Story = {
+	decorators: [
+		(story) => {
+			return html`<div style="--uui-table-cell-padding: 0;">${story()}</div>`;
+		},
+	],
+	parameters: {
+		docs: {
+			source: {
+				language: 'html',
+				code: `
+<umb-document-tracked-reference-table unique="<Content GUID>" style="--uui-table-cell-padding:0"></umb-document-tracked-reference-table>
+				`,
+			},
+		},
+	},
+};