/
index.stories.js
56 lines (46 loc) · 1.28 KB
/
index.stories.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
import React from "react";
import { config } from "storybook-addon-designs";
import { Button } from "../../Button";
import Docs from "./docs.mdx";
export default {
title: "Docs/Advanced usage",
parameters: {
docs: { page: Docs },
},
};
export const setTabName = () => <Button>Button</Button>;
setTabName.parameters = {
design: config({
name: "Wireframe",
type: "figma",
url: "https://www.figma.com/file/Klm6pxIZSaJFiOMX5FpTul9F/storybook-addon-designs-sample",
}),
};
export const embedMultipleDesigns = () => <Button>Button</Button>;
embedMultipleDesigns.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",
},
]),
};
export const setTabNames = () => <Button>Button</Button>;
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",
},
]),
};