Add interactive component documentation guide and Shadcn-style example

Co-authored-by: huangyiirene <[email protected]>

Author: Copilot

docs/.vitepress/config.mts

@@ -42,7 +42,8 @@ export default defineConfig({
           text: 'Try & Explore',
           items: [
             { text: 'Showcase', link: '/guide/showcase' },
-            { text: 'Try It Online', link: '/guide/try-it-online' }
+            { text: 'Try It Online', link: '/guide/try-it-online' },
+            { text: 'Interactive Documentation', link: '/guide/interactive-showcase' }
           ]
         },
         {