Fix stories
This commit is contained in:
parent
d004ba56fd
commit
eb34bac149
|
@ -85,9 +85,6 @@ export const CustomStyle: Story = {
|
||||||
args: {
|
args: {
|
||||||
label: "Button",
|
label: "Button",
|
||||||
variant: "primary",
|
variant: "primary",
|
||||||
style: {
|
|
||||||
"--codex-color-primary": "red",
|
|
||||||
"--codex-button-color-box-shadow": "#f85723",
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
|
@ -60,8 +60,5 @@ export const CustomStyle: Story = {
|
||||||
args: {
|
args: {
|
||||||
Icon: Plus,
|
Icon: Plus,
|
||||||
variant: "big",
|
variant: "big",
|
||||||
style: {
|
|
||||||
"--codex-button-icon-background": "red",
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
|
@ -26,6 +26,5 @@ export const CustomStyle: Story = {
|
||||||
args: {
|
args: {
|
||||||
title: "Hello",
|
title: "Hello",
|
||||||
children: React.createElement("div", {}, "Hello World !"),
|
children: React.createElement("div", {}, "Hello World !"),
|
||||||
style: { "--codex-border-radius": "0px" },
|
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
|
@ -82,7 +82,6 @@ export const CustomStyle: Story = {
|
||||||
args: {
|
args: {
|
||||||
placeholder: "Select your file",
|
placeholder: "Select your file",
|
||||||
options: [],
|
options: [],
|
||||||
style: { "--codex-input-border": "1px solid red" },
|
|
||||||
value: "",
|
value: "",
|
||||||
id: "dropdown",
|
id: "dropdown",
|
||||||
label: "Dropdown",
|
label: "Dropdown",
|
||||||
|
|
|
@ -30,17 +30,7 @@ export const Default: Story = {
|
||||||
["value 1", "Text 1"],
|
["value 1", "Text 1"],
|
||||||
["value 2", "Text 2"],
|
["value 2", "Text 2"],
|
||||||
],
|
],
|
||||||
|
value: "value 1"
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
export const CustomStyle: Story = {
|
|
||||||
args: {
|
|
||||||
id: "select",
|
|
||||||
label: "Select",
|
|
||||||
options: [
|
|
||||||
["value 1", "Text 1"],
|
|
||||||
["value 2", "Text 2"],
|
|
||||||
],
|
|
||||||
style: { "--codex-select-border": "1px solid red" },
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
|
@ -1,58 +0,0 @@
|
||||||
import type { Meta, StoryObj } from "@storybook/react";
|
|
||||||
import { SimpleText } from "../src/components/SimpleText/SimpleText";
|
|
||||||
|
|
||||||
const meta = {
|
|
||||||
title: "Components/SimpleText",
|
|
||||||
component: SimpleText,
|
|
||||||
parameters: {
|
|
||||||
layout: "centered",
|
|
||||||
},
|
|
||||||
tags: ["autodocs"],
|
|
||||||
argTypes: {},
|
|
||||||
} satisfies Meta<typeof SimpleText>;
|
|
||||||
|
|
||||||
export default meta;
|
|
||||||
type Story = StoryObj<typeof meta>;
|
|
||||||
|
|
||||||
export const Normal: Story = {
|
|
||||||
args: {
|
|
||||||
variant: "normal",
|
|
||||||
children: "Normal message.",
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
export const Light: Story = {
|
|
||||||
args: {
|
|
||||||
variant: "light",
|
|
||||||
children: "Light message.",
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
export const Success: Story = {
|
|
||||||
args: {
|
|
||||||
variant: "primary",
|
|
||||||
children: "Primary message.",
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
export const Error: Story = {
|
|
||||||
args: {
|
|
||||||
variant: "error",
|
|
||||||
children: "Error message.",
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
export const Warning: Story = {
|
|
||||||
args: {
|
|
||||||
variant: "warning",
|
|
||||||
children: "Warning message.",
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
export const CustomStyle: Story = {
|
|
||||||
args: {
|
|
||||||
variant: "normal",
|
|
||||||
children: "Normal message.",
|
|
||||||
style: { "--codex-color": "red" },
|
|
||||||
},
|
|
||||||
};
|
|
Loading…
Reference in New Issue