storybook: 필요없는 애드온 control false 일괄 지정

ConceptBe · Jan 11, 2024 · efc8d1f · efc8d1f
1 parent 301e310
commit efc8d1f
Show file tree

Hide file tree

Showing 11 changed files with 38 additions and 24 deletions.
diff --git a/src/components/Badge/Badge.stories.tsx b/src/components/Badge/Badge.stories.tsx
@@ -9,8 +9,7 @@ const meta = {
   tags: ['autodocs'],
   argTypes: {
     as: {
-      control: 'inline-radio',
-      options: ['div'],
+      control: false,
       description: 'Badge 컴포넌트의 DOM tag를 설정합니다.',
     },
     fontColor: {

diff --git a/src/components/Box/Box.stories.tsx b/src/components/Box/Box.stories.tsx
@@ -8,10 +8,13 @@ const meta = {
   tags: ['autodocs'],
   argTypes: {
     as: {
-      control: 'inline-radio',
-      options: ['div', 'section', 'article'],
+      control: false,
       description: 'Flex 컴포넌트의 DOM tag를 설정합니다.',
     },
+    theme: {
+      control: false,
+      description: 'Emotion theme 값입니다.',
+    },
     width: {
       control: 'number',
     },

diff --git a/src/components/Button/Button.stories.tsx b/src/components/Button/Button.stories.tsx
@@ -11,8 +11,7 @@ const meta = {
   tags: ['autodocs'],
   argTypes: {
     as: {
-      control: 'inline-radio',
-      options: ['div'],
+      control: false,
       description: 'Button 컴포넌트의 DOM tag를 설정합니다.',
     },
     isGrayOut: {
@@ -21,6 +20,7 @@ const meta = {
         'Button 컴포넌트의 그레이 아웃 여부를 설정합니다. 기본 값은 false 입니다.',
     },
     onClick: {
+      control: false,
       description: 'Button 컴포넌트 클릭 시 설정된 동작을 수행합니다.',
     },
   },

diff --git a/src/components/CheckboxContainer/CheckboxContainer.stories.tsx b/src/components/CheckboxContainer/CheckboxContainer.stories.tsx
@@ -13,12 +13,12 @@ const meta = {
     nameKey: {
       control: 'text',
       description:
-        'CheckboxContainer에 적용되는 name을 설정합니다. useCheckbox를 통해 전달한 초기화 객체의 프로퍼티를 전달하면 됩니다. 제어 컴포넌트 방식이라 잘못된 값을 전달해도 정상 동작하나, 안정성을 위하여 만들어 놓았습니다.',
+        'CheckboxContainer에 적용되는 name을 설정합니다. useCheckbox훅을 통해 전달한 초기화 객체의 프로퍼티를 전달하면 됩니다. 제어 컴포넌트 방식이라 잘못된 값을 전달해도 정상 동작하나, 안정성을 위하여 만들어 놓았습니다.',
     },
     options: {
-      control: 'object',
+      control: false,
       description:
-        'CheckboxContainer에 표시되는 id, name, checked를 설정합니다.',
+        'CheckboxContainer 컴포넌트를 통해 선택된 체크박스를 화면에 표시합니다. useCheckbox 훅의 checkboxValue의 name 프로퍼티에 해당하는 값을 전달하면 됩니다.',
     },
     onChange: {
       description:

diff --git a/src/components/Divider/Divider.stories.tsx b/src/components/Divider/Divider.stories.tsx
@@ -30,10 +30,13 @@ const meta = {
       description: 'Divider 컴포넌트의 색상을 설정합니다. 기본 값은 b 입니다.',
     },
     as: {
-      control: 'inline-radio',
-      options: ['div'],
+      control: false,
       description: 'Text 컴포넌트의 DOM tag를 설정합니다.',
     },
+    theme: {
+      control: false,
+      description: 'Emotion theme 값입니다.',
+    },
   },
 } as Meta<typeof Divider>;
 

diff --git a/src/components/Dropdown/Dropdown.stories.tsx b/src/components/Dropdown/Dropdown.stories.tsx
@@ -20,9 +20,9 @@ const meta = {
       description: 'Dropdown 컴포넌트의 초기값을 설정합니다.',
     },
     selectedValue: {
-      control: 'text',
+      control: false,
       description:
-        'Dropdown.Item 컴포넌트를 통해 선택된 요소를 화면에 표시합니다.',
+        'Dropdown.Item 컴포넌트를 통해 선택된 요소를 화면에 표시합니다. useDropdown 훅의 dropdownValue의 name 프로퍼티에 해당하는 값을 전달하면 됩니다.',
     },
     disabled: {
       control: 'boolean',

diff --git a/src/components/Flex/Flex.stories.tsx b/src/components/Flex/Flex.stories.tsx
@@ -8,10 +8,13 @@ const meta = {
   tags: ['autodocs'],
   argTypes: {
     as: {
-      control: 'inline-radio',
-      options: ['div', 'section', 'article'],
+      control: false,
       description: 'Flex 컴포넌트의 DOM tag를 설정합니다.',
     },
+    theme: {
+      control: false,
+      description: 'Emotion theme 값입니다.',
+    },
     flex: {
       control: 'select',
       options: ['auto', '1', '2'],

diff --git a/src/components/RadioContainer/RadioContainer.stories.tsx b/src/components/RadioContainer/RadioContainer.stories.tsx
@@ -16,14 +16,15 @@ const meta = {
         'Radio Input에 적용되는 name을 설정합니다. useRadio를 통해 전달한 초기화 객체의 프로퍼티를 전달하면 됩니다. 제어 컴포넌트 방식이라 잘못된 값을 전달해도 정상 동작하나, 안정성을 위하여 만들어 놓았습니다.',
     },
     options: {
-      control: 'object',
-      description: 'Radio Input에 표시되는 id, name, checked를 설정합니다.',
+      control: false,
+      description:
+        'RadioContainer 컴포넌트를 통해 선택된 체크박스를 화면에 표시합니다. useRadio 훅의 radioValue의 name 프로퍼티에 해당하는 값을 전달하면 됩니다.',
     },
     onChange: {
       description: 'Radio를 클릭하면 체크 상태로 변경해줍니다.',
     },
     gap: {
-      control: 'radio',
+      control: 'inline-radio',
       description: 'Radio간 간격을 설정합니다. 기본값은 small 입니다.',
     },
   },

diff --git a/src/components/Spacer/Spacer.stories.tsx b/src/components/Spacer/Spacer.stories.tsx
@@ -12,10 +12,13 @@ const meta = {
       description: 'Spacer 컴포넌트의 가로 세로 크기를 설정합니다.',
     },
     as: {
-      control: 'inline-radio',
-      options: ['div'],
+      control: false,
       description: 'Spacer 컴포넌트의 DOM tag를 설정합니다.',
     },
+    theme: {
+      control: false,
+      description: 'Emotion theme 값입니다.',
+    },
   },
 } as Meta<typeof Spacer>;
 

diff --git a/src/components/Text/Text.stories.tsx b/src/components/Text/Text.stories.tsx
@@ -28,8 +28,7 @@ const meta = {
       description: 'Text 컴포넌트의 폰트 색상을 설정합니다.',
     },
     as: {
-      control: 'inline-radio',
-      options: ['span', 'a', 'button', 'p'],
+      control: false,
       description: 'Text 컴포넌트의 DOM tag를 설정합니다.',
     },
   },

diff --git a/src/components/TextDivider/TextDivider.stories.tsx b/src/components/TextDivider/TextDivider.stories.tsx
@@ -31,10 +31,13 @@ const meta = {
         'TextDivider 컴포넌트의 색상을 설정합니다. 기본 값은 b 입니다.',
     },
     as: {
-      control: 'inline-radio',
-      options: ['div'],
+      control: false,
       description: 'Text 컴포넌트의 DOM tag를 설정합니다.',
     },
+    theme: {
+      control: false,
+      description: 'Emotion theme 값입니다.',
+    },
   },
 } as Meta<typeof TextDivider>;