react-kakao-postcode
+{t.tagline}
+{t.intro}
+{t.installTitle}
+{t.quickStartTitle}
+{t.playgroundTitle}
+{t.playgroundIntro}
+{t.apiTitle}
+{t.apiIntro}
+{t.migrationTitle}
+{t.migrationBody}
+{t.tagline}
+{t.intro}
+{t.playgroundIntro}
+{t.apiIntro}
+{t.migrationBody}
+| Prop | +{lang === 'en' ? 'Type' : '타입'} | +{lang === 'en' ? 'Default' : '기본값'} | +{lang === 'en' ? 'Description' : '설명'} | +
|---|---|---|---|
{row.name} |
+ {row.type} |
+ {row.def} |
+ {row.desc[lang]} | +
+ {lang === 'en' + ? 'Every non-callback constructor option from the original API:' + : '콜백을 제외한 원본 API의 모든 생성자 옵션:'} +
+{k}{k}+ {lang === 'en' + ? 'Every field passed to onChange when an address is selected:' + : '주소 선택 시 onChange로 전달되는 모든 필드:'} +
+{k}
+
+ )
+}
diff --git a/demo/src/components/Playground.tsx b/demo/src/components/Playground.tsx
new file mode 100644
index 0000000..7f8e805
--- /dev/null
+++ b/demo/src/components/Playground.tsx
@@ -0,0 +1,119 @@
+import { useRef, useState } from 'react'
+import ReactKakaoPostcode, { PostcodeCompleteData, ReactKakaoPostcodeHandle } from 'react-kakao-postcode'
+import CodeBlock from './CodeBlock'
+import type { Lang } from '../content'
+
+type Tab = 'embed' | 'popup' | 'theme' | 'ref'
+
+const CODE: Record+ {lang === 'en' ? 'No address selected yet.' : '아직 선택된 주소가 없습니다.'} +
+ ) + } + return ( +