Skip to content

Commit

Permalink
feat: divider 스토리 작성
Browse files Browse the repository at this point in the history
  • Loading branch information
kongnayeon committed Jun 9, 2024
1 parent f4d4872 commit 5877528
Showing 1 changed file with 50 additions and 0 deletions.
50 changes: 50 additions & 0 deletions packages/wow-ui/src/components/Divider/Divider.stories.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
/* eslint-disable storybook/story-exports */
import type { Meta, StoryObj } from "@storybook/react";

import Divider from "@/components/Divider";

const meta = {
title: "UI/Divider",
component: Divider,
tags: ["autodocs"],
parameters: {
componentSubtitle: "디바이더 컴포넌트",
},
argTypes: {
type: {
description: "라이트모드, 다크모드에 따라 디바이더의 색상이 달라집니다.",
table: {
type: { summary: '"light" | "dark"' },
defaultValue: { summary: "light" },
},
control: {
type: "radio",
options: ["light", "dark"],
},
},
style: {
description: "디바이더의 커스텀 스타일을 설정할 수 있습니다.",
table: {
type: { summary: "CSSProperties" },
defaultValue: { summary: "{}" },
},
control: {
type: "object",
},
},
},
} satisfies Meta<typeof Divider>;

export default meta;

type Story = StoryObj<typeof meta>;

export const Default: Story = {
args: {},
};

export const Dark: Story = {
args: {
type: "dark",
},
};

0 comments on commit 5877528

Please sign in to comment.