diff --git a/mibank-components/.storybook/addons.js b/mibank-components/.storybook/addons.js index 7d1f65b..6583a91 100644 --- a/mibank-components/.storybook/addons.js +++ b/mibank-components/.storybook/addons.js @@ -1,2 +1 @@ import "@storybook/addon-knobs/register"; -import "@storybook/addon-actions/register"; diff --git a/mibank-components/package.json b/mibank-components/package.json index 9fb615e..5a77942 100644 --- a/mibank-components/package.json +++ b/mibank-components/package.json @@ -28,7 +28,7 @@ "@stencil/utils": "latest", "@storybook/addon-actions": "^4.0.0-alpha.9", "@storybook/addon-knobs": "^4.0.0-alpha.9", - "@storybook/html": "^4.0.0-alpha.4", + "@storybook/html": "^4.0.0-alpha.9", "@types/chart.js": "^2.7.22", "@types/jest": "^21.1.1", "awesome-typescript-loader": "^5.0.0", diff --git a/mibank-components/src/components/mi-table/mi-table.stories.ts b/mibank-components/src/components/mi-table/mi-table.stories.ts index 1914313..ace5da9 100644 --- a/mibank-components/src/components/mi-table/mi-table.stories.ts +++ b/mibank-components/src/components/mi-table/mi-table.stories.ts @@ -1,14 +1,15 @@ import { storiesOf } from "@storybook/html"; +import { withKnobs, array } from "@storybook/addon-knobs"; import { HTMLTableElement } from "./mi-table"; -const stories = storiesOf("Table", module); +const stories = storiesOf("Table", module).addDecorator(withKnobs); stories.add("default", () => { - const headings = ["Account Name", "Amount"]; - const data = [ + const headings = array("Heading", ["Account Name", "Amount"]); + const data = array("Data", [ ["Account 1", "$1000"], ["Account 2", "$2000"], ["Account 3", "$3000"] - ]; + ]); const table: HTMLTableElement = ( document.createElement("mi-table") diff --git a/mibank-components/www/index.html b/mibank-components/www/index.html index ecb1231..ceedc1c 100644 --- a/mibank-components/www/index.html +++ b/mibank-components/www/index.html @@ -61,18 +61,6 @@ - - -