docs: When컴포넌트 props 수정

modern-agile-team · May 5, 2024 · 900c76a · 900c76a
1 parent cd95317
commit 900c76a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/.changeset/seven-pants-eat.md b/.changeset/seven-pants-eat.md
@@ -1,5 +1,5 @@
 ---
-'@modern-kit/react': patch
+'@modern-kit/react': minor
 ---
 
 #100 61d6df3 Thanks @soonki-98! - feat: SwitchCase Component 추가 및 When fallback props 추가
diff --git a/docs/docs/react/components/When.mdx b/docs/docs/react/components/When.mdx
@@ -15,23 +15,25 @@ type Condition = boolean | ((...args: any[]) => boolean);
 
 interface WhenProps {
   condition: Condition;
+  fallback?: React.ReactNode;
 }
 
-const When: ({ children, condition }: PropsWithChildren<WhenProps>) => JSX.Element | null
+const When: ({ children, condition }: PropsWithChildren<WhenProps>) => JSX.Element
 ```
 
 ## Usage
 
 ```tsx
 import { When } from '@modern-kit/react';
+
 const Example = () => {
   const [state, setState] = useState(false);
 
   return (
     <>
       <button onClick={() => setState(!state)}>Toggle Button</button>
 
-      <When condition={state}>
+      <When condition={state} fallback={<p>Fallback</p>}>
         <h1>Render</h1>
       </When>
     </>
@@ -44,7 +46,7 @@ export const Example = () => {
     <>
       <button onClick={() => setState(!state)}>Toggle Button</button>
 
-      <When condition={state}>
+      <When condition={state} fallback={<p>Fallback</p>}>
         <h1>Render</h1>
       </When>
     </>