[#43] ♻️ Update and optimize Storybook

Author: yongb2n

src/stories/common/input/PasswordInput.stories.ts

@@ -3,10 +3,10 @@ import { fn } from '@storybook/test'
 import { PasswordInput } from '@/components/common/input/PasswordInput'
 
 export default {
-  title: 'Example/PasswordInput',
+  title: 'Common/Input/PasswordInput',
   component: PasswordInput,
   parameters: {
-    layout: 'fullscreen',
+    layout: 'padded',
   },
   tags: ['input', 'password'],
   argTypes: {
@@ -21,13 +21,19 @@ export default {
 export const Default = {
   args: {
     placeholder: '비밀번호를 입력하세요.',
-    fullWidth: true,
   },
 }
 
 export const Error = {
   args: {
     error: true,
+  },
+}
+
+export const FullWidth = {
+  args: {
+    placeholder: '비밀번호를 입력하세요.',
     fullWidth: true,
   },
 }
+

src/stories/common/input/TextInput.stories.ts

@@ -4,11 +4,11 @@ import { TextInput } from '@/components/common/input/TextInput'
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
 export default {
-  title: 'Example/TextInput',
+  title: 'Common/Input/TextInput',
   component: TextInput,
   parameters: {
     // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
-    layout: 'fullscreen',
+    layout: 'padded',
   },
   // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
   tags: ['common', 'input'],
@@ -24,18 +24,21 @@ export default {
 // More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
 export const Default = {
   args: {
-    primary: true,
+    placeholder: '텍스트를 입력하세요.',
+    primary: true
   },
 }
 
 export const Error = {
   args: {
-    error: true,
+    placeholder: '비밀번호를 입력하세요.',
+    error: true
   },
 }
 
 export const FullWidth = {
   args: {
-    fullWidth: true,
+    placeholder: '텍스트를 입력하세요.',
+    fullWidth: true
   },
 }