fix(storybook): 스토리북 ui 깨짐 수정 (#362)

sickgyun · Apr 25, 2024 · a34445f · a34445f
1 parent bb54eb1
commit a34445f
Show file tree

Hide file tree

Showing 8 changed files with 22 additions and 33 deletions.
diff --git a/docs/storybook/stories/Alert.stories.tsx b/docs/storybook/stories/Alert.stories.tsx
@@ -29,16 +29,7 @@ export const Default: StoryObj<Alert> = {
           onConfirm={() => {
             setIsOpen(false);
           }}
-        >
-          <button
-            type="button"
-            onClick={() => {
-              setIsOpen(false);
-            }}
-          >
-            Close!
-          </button>
-        </AlertComponent>
+        />
         <button
           type="button"
           onClick={() => {

diff --git a/docs/storybook/stories/Button.stories.tsx b/docs/storybook/stories/Button.stories.tsx
@@ -30,7 +30,10 @@ export default meta;
 
 export const Default: StoryObj<Button> = {
   args: {
-    children: 'label',
+    children: '버튼',
+    style: {
+      width: '300px',
+    },
   },
   render: (args) => <ButtonComponent {...args} />,
 };
diff --git a/docs/storybook/stories/Confirm.stories.tsx b/docs/storybook/stories/Confirm.stories.tsx
@@ -32,16 +32,7 @@ export const Default: StoryObj<Confirm> = {
           onConfirm={() => {
             setIsOpen(false);
           }}
-        >
-          <button
-            type="button"
-            onClick={() => {
-              setIsOpen(false);
-            }}
-          >
-            Close!
-          </button>
-        </ConfirmComponent>
+        />
         <button
           type="button"
           onClick={() => {

diff --git a/docs/storybook/stories/InfoBox.stories.tsx b/docs/storybook/stories/InfoBox.stories.tsx
@@ -12,8 +12,11 @@ export default meta;
 
 export const Default: StoryObj<InfoBox> = {
   args: {
-    label: 'label',
-    children: 'info box',
+    label: '정보',
+    children: '김석진은 멋지다.',
+    style: {
+      width: '300px',
+    },
   },
   render: (args) => <InfoBoxComponent {...args} />,
 };
diff --git a/docs/storybook/stories/Input.stories.tsx b/docs/storybook/stories/Input.stories.tsx
@@ -20,7 +20,9 @@ export const Default: StoryObj<Input> = {
     label: '인풋 라벨',
     bottomText: '바텀 텍스트',
     placeholder: '플레이스 홀더',
-    width: '358px',
+    style: {
+      width: '350px',
+    },
   },
   render: (args) => <InputComponent {...args} />,
 };
diff --git a/docs/storybook/stories/Modal.stories.tsx b/docs/storybook/stories/Modal.stories.tsx
@@ -21,15 +21,8 @@ export const Default: StoryObj<Modal> = {
 
     return (
       <>
-        <ModalComponent {...args} isOpen={isOpen}>
-          <button
-            type="button"
-            onClick={() => {
-              setIsOpen(false);
-            }}
-          >
-            Close!
-          </button>
+        <ModalComponent {...args} isOpen={isOpen} onClose={() => setIsOpen(false)}>
+          김석진은 멋지다.
         </ModalComponent>
         <button
           type="button"

diff --git a/docs/storybook/stories/Select.stories.tsx b/docs/storybook/stories/Select.stories.tsx
@@ -14,6 +14,9 @@ export const Default: StoryObj<Select> = {
   args: {
     label: '라벨',
     placeholder: '플레이스 홀더',
+    style: {
+      width: '200px',
+    },
   },
   render: (args) => (
     <SelectComponent {...args}>

diff --git a/docs/storybook/stories/Textarea.stories.tsx b/docs/storybook/stories/Textarea.stories.tsx
@@ -23,6 +23,9 @@ export const Default: StoryObj<Textarea> = {
     label: '라벨임',
     placeholder: '플레이스 홀더임',
     isAutoHeight: false,
+    style: {
+      width: '300px',
+    },
   },
   render: (args) => <TextareaComponent {...args} />,
 };