generated from CDCgov/template
-
Notifications
You must be signed in to change notification settings - Fork 39
/
USLink.stories.tsx
50 lines (45 loc) · 1.1 KB
/
USLink.stories.tsx
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
import React from "react";
import { ComponentMeta, ComponentStory } from "@storybook/react";
import { USExtLink, USLink, USLinkButton } from "./USLink";
export default {
title: "components/USLink",
component: USLink,
} as ComponentMeta<typeof USLink>;
export const Default: ComponentStory<typeof USLink> = (args) => (
<USLink {...args} />
);
Default.args = {
className: "",
children: "This is a link",
};
export const Button: ComponentStory<typeof USLinkButton> = (args) => (
<USLinkButton {...args} />
);
Button.args = {
children: "This is a link styled as a button",
secondary: false,
base: false,
inverse: false,
unstyled: false,
};
Button.argTypes = {
accentStyle: {
control: {
type: "radio",
options: ["", "cool", "warm"],
},
},
size: {
control: {
type: "radio",
options: ["", "big"],
},
},
};
export const ExtLink: ComponentStory<typeof USExtLink> = (args) => (
<USExtLink {...args} />
);
ExtLink.args = {
className: "",
children: "This is an external link",
};