From 8c503d57f1d60509087ab3044aead22f7f4846a3 Mon Sep 17 00:00:00 2001
From: ellinors <ellinors@spotify.com>
Date: Tue, 30 Jun 2020 07:49:15 +0200
Subject: [PATCH] Added DenseTable to Storybook.

---
 .../src/components/Table/Table.stories.tsx    | 35 +++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/packages/core/src/components/Table/Table.stories.tsx b/packages/core/src/components/Table/Table.stories.tsx
index 3709c301fd..11fa0c44dc 100644
--- a/packages/core/src/components/Table/Table.stories.tsx
+++ b/packages/core/src/components/Table/Table.stories.tsx
@@ -185,3 +185,38 @@ export const SubvalueTable = () => {
     </div>
   );
 };
+
+export const DenseTable = () => {
+  const columns: TableColumn[] = [
+    {
+      title: 'Column 1',
+      field: 'col1',
+      highlight: true,
+    },
+    {
+      title: 'Column 2',
+      field: 'col2',
+    },
+    {
+      title: 'Numeric value',
+      field: 'number',
+      type: 'numeric',
+    },
+    {
+      title: 'A Date',
+      field: 'date',
+      type: 'date',
+    },
+  ];
+
+  return (
+    <div style={containerStyle}>
+      <Table
+        options={{ paging: false, padding: 'dense' }}
+        data={testData10}
+        columns={columns}
+        title="Backstage Table"
+      />
+    </div>
+  );
+};