diff --git a/packages/examples/stories/docs/advanced/index.stories.js b/packages/examples/stories/docs/advanced/index.stories.js index 1049cc6..8b79b91 100644 --- a/packages/examples/stories/docs/advanced/index.stories.js +++ b/packages/examples/stories/docs/advanced/index.stories.js @@ -4,48 +4,53 @@ import { config } from "@storybook/addon-designs"; import { Button } from "../../Button"; -export default { +const meta = { title: "Docs/Advanced usage", }; -export const setTabName = () => ; +export default meta; -setTabName.parameters = { - design: config({ - name: "Wireframe", - type: "figma", - url: "https://www.figma.com/file/Klm6pxIZSaJFiOMX5FpTul9F/storybook-addon-designs-sample", - }), -}; - -export const embedMultipleDesigns = () => ; - -embedMultipleDesigns.parameters = { - design: config([ - { +export const setTabName = { + render: () => , + parameters: { + design: config({ + name: "Wireframe", type: "figma", url: "https://www.figma.com/file/Klm6pxIZSaJFiOMX5FpTul9F/storybook-addon-designs-sample", - }, - { - type: "link", - url: "https://www.figma.com/file/Klm6pxIZSaJFiOMX5FpTul9F/storybook-addon-designs-sample", - }, - ]), + }), + }, }; -export const setTabNames = () => ; +export const embedMultipleDesigns = { + render: () => , + parameters: { + design: config([ + { + type: "figma", + url: "https://www.figma.com/file/Klm6pxIZSaJFiOMX5FpTul9F/storybook-addon-designs-sample", + }, + { + type: "link", + url: "https://www.figma.com/file/Klm6pxIZSaJFiOMX5FpTul9F/storybook-addon-designs-sample", + }, + ]), + }, +}; -setTabNames.parameters = { - design: config([ - { - name: "Foo", - type: "figma", - url: "https://www.figma.com/file/Klm6pxIZSaJFiOMX5FpTul9F/storybook-addon-designs-sample", - }, - { - name: "Bar", - type: "link", - url: "https://www.figma.com/file/Klm6pxIZSaJFiOMX5FpTul9F/storybook-addon-designs-sample", - }, - ]), +export const setTabNames = { + render: () => , + parameters: { + design: config([ + { + name: "Foo", + type: "figma", + url: "https://www.figma.com/file/Klm6pxIZSaJFiOMX5FpTul9F/storybook-addon-designs-sample", + }, + { + name: "Bar", + type: "link", + url: "https://www.figma.com/file/Klm6pxIZSaJFiOMX5FpTul9F/storybook-addon-designs-sample", + }, + ]), + }, }; diff --git a/packages/examples/stories/docs/figma/examples.stories.js b/packages/examples/stories/docs/figma/examples.stories.js index 7617d96..705137a 100644 --- a/packages/examples/stories/docs/figma/examples.stories.js +++ b/packages/examples/stories/docs/figma/examples.stories.js @@ -4,53 +4,56 @@ import { config } from "@storybook/addon-designs"; import { Button } from "../../Button"; -export default { +const meta = { title: "Docs/Figma/Examples", component: Button, + render: () => , }; -export const embedFile = () => ; +export default meta; -embedFile.parameters = { - design: config({ - type: "figma", - url: "https://www.figma.com/file/Klm6pxIZSaJFiOMX5FpTul9F/storybook-addon-designs-sample", - }), +export const embedFile = { + parameters: { + design: config({ + type: "figma", + url: "https://www.figma.com/file/Klm6pxIZSaJFiOMX5FpTul9F/storybook-addon-designs-sample", + }), + }, }; -export const embedFrame = () => ; - -embedFrame.parameters = { - design: config({ - type: "figma", - url: "https://www.figma.com/file/Klm6pxIZSaJFiOMX5FpTul9F/storybook-addon-designs-sample?node-id=2%3A5", - }), +export const embedFrame = { + parameters: { + design: config({ + type: "figma", + url: "https://www.figma.com/file/Klm6pxIZSaJFiOMX5FpTul9F/storybook-addon-designs-sample?node-id=2%3A5", + }), + }, }; -export const embedPrivateFile = () => ; - -embedPrivateFile.parameters = { - design: config({ - type: "figma", - url: "https://www.figma.com/file/WOpzYgwlTe1UV6MpJP6SMv/private-test", - }), +export const embedPrivateFile = { + parameters: { + design: config({ + type: "figma", + url: "https://www.figma.com/file/WOpzYgwlTe1UV6MpJP6SMv/private-test", + }), + }, }; -export const embedPrototype = () => ; - -embedPrototype.parameters = { - design: config({ - type: "figma", - url: "https://www.figma.com/proto/Klm6pxIZSaJFiOMX5FpTul9F/storybook-addon-designs-sample", - }), +export const embedPrototype = { + parameters: { + design: config({ + type: "figma", + url: "https://www.figma.com/proto/Klm6pxIZSaJFiOMX5FpTul9F/storybook-addon-designs-sample", + }), + }, }; -export const allowFullscreen = () => ; - -allowFullscreen.parameters = { - design: config({ - type: "figma", - url: "https://www.figma.com/file/Klm6pxIZSaJFiOMX5FpTul9F/storybook-addon-designs-sample", - allowFullscreen: true, - }), +export const allowFullscreen = { + parameters: { + design: config({ + type: "figma", + url: "https://www.figma.com/file/Klm6pxIZSaJFiOMX5FpTul9F/storybook-addon-designs-sample", + allowFullscreen: true, + }), + }, };