mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 10:21:05 +00:00
fix(story): replace compact and document size props
This commit is contained in:
parent
8d571d2a29
commit
e460aaaa50
1 changed files with 12 additions and 2 deletions
|
@ -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";
|
import Component from "./DataTableSkeleton.Story.svelte";
|
||||||
|
|
||||||
export default { title: "DataTableSkeleton", decorators: [withKnobs] };
|
export default { title: "DataTableSkeleton", decorators: [withKnobs] };
|
||||||
|
@ -9,7 +15,11 @@ export const Default = () => ({
|
||||||
columns: number("Number of columns", 5),
|
columns: number("Number of columns", 5),
|
||||||
rows: number("Number of rows", 5),
|
rows: number("Number of rows", 5),
|
||||||
zebra: boolean("Use zebra stripe (zebra)", false),
|
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),
|
showHeader: boolean("Show header", true),
|
||||||
headers: array(
|
headers: array(
|
||||||
"Optional table headers (headers)",
|
"Optional table headers (headers)",
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue