-
Notifications
You must be signed in to change notification settings - Fork 9
/
Badge.stories.tsx
54 lines (51 loc) · 1.15 KB
/
Badge.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
51
52
53
54
import { type StoryObj, type Meta } from "@storybook/react";
import Badge from "./Badge";
import RepeatIcon from "@mui/icons-material/Repeat";
export default {
title: "Components/Badge",
component: Badge,
parameters: {
design: {
type: "figma",
url: "https://www.figma.com/file/p7LKna9JMU0JEkcKamzs53/%F0%9F%93%90-Syntax?type=design&node-id=3953-11313&t=zb8FOHg4yiwNkZZS-0",
},
},
argTypes: {
color: {
options: [
// Classic
"gray200",
"gray900",
"destructive700",
"orange700",
"yellow700",
"success700",
"primary700",
"purple700",
// Cambio
"sky",
"success300",
"destructive300",
"orange",
"tan",
"gray370",
"gray870",
"lilac",
"thistle",
"pink",
],
control: { type: "radio" },
},
},
tags: ["autodocs"],
} as Meta<typeof Badge>;
export const Default: StoryObj<typeof Badge> = {
args: { text: "Call to action" },
};
export const WithIcon: StoryObj<typeof Badge> = {
args: {
color: "gray200",
icon: RepeatIcon,
text: "Every Wednesday",
},
};