From e460aaaa50c8d8e3c94e186af5f33299ff819249 Mon Sep 17 00:00:00 2001
From: albert <albertmasa2@gmail.com>
Date: Thu, 24 Sep 2020 16:54:08 +0200
Subject: [PATCH] fix(story): replace compact and document size props

---
 src/DataTableSkeleton/DataTable.stories.js | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/DataTableSkeleton/DataTable.stories.js b/src/DataTableSkeleton/DataTable.stories.js
index e101992f..937d85fb 100644
--- a/src/DataTableSkeleton/DataTable.stories.js
+++ b/src/DataTableSkeleton/DataTable.stories.js
@@ -1,4 +1,10 @@
-import { withKnobs, array, boolean, number } from "@storybook/addon-knobs";
+import {
+  withKnobs,
+  array,
+  boolean,
+  number,
+  select,
+} from "@storybook/addon-knobs";
 import Component from "./DataTableSkeleton.Story.svelte";
 
 export default { title: "DataTableSkeleton", decorators: [withKnobs] };
@@ -9,7 +15,11 @@ export const Default = () => ({
     columns: number("Number of columns", 5),
     rows: number("Number of rows", 5),
     zebra: boolean("Use zebra stripe (zebra)", false),
-    compact: boolean("Compact variant (compact)", false),
+    size: select(
+      "Row height (size)",
+      { compact: "compact", short: "short", tall: "tall", none: null },
+      null
+    ),
     showHeader: boolean("Show header", true),
     headers: array(
       "Optional table headers (headers)",