1 files changed, 13 insertions, 0 deletions
diff --git a/src/page-ui-kit.tsx b/src/page-ui-kit.tsx
new file mode 100644
index 0000000..9b1bb5d
--- /dev/null
+++ b/src/page-ui-kit.tsx
@@ -0,0 +1,13 @@
+import { lazy, Suspense } from 'react'
+import styles from './page-ui-kit.module.css'
+
+const UIKit = lazy(() => import('./components/ui-kit/ui-kit'))
+
+export default function UIKitPage() {
+  return (
+    <div className={styles.page}>
+      <header className={styles.header}><h1>UI Kit</h1><p>Spectrum 组件的外观与交互示例。</p></header>
+      <Suspense fallback={<p role="status">正在加载组件…</p>}><UIKit /></Suspense>
+    </div>
+  )
+}