databricks · pkosiec · Jan 13, 2026 · Jan 8, 2026 · Jan 13, 2026
diff --git a/biome.json b/biome.json
@@ -17,6 +17,8 @@
       "!packages/appkit-ui/src/react/ui",
       "!**/routeTree.gen.ts",
       "!docs/.docusaurus",
+      "!**/*.gen.css",
+      "!**/*.gen.ts",
       "!**/typedoc-sidebar.ts"
     ]
   },

diff --git a/docs/docs/api/appkit-ui/components/Accordion.mdx b/docs/docs/api/appkit-ui/components/Accordion.mdx
@@ -4,6 +4,13 @@ title: Accordion
 
 # Accordion
 
+## Example
+
+import { DocExample } from "@site/src/components/DocExample";
+
+<DocExample name="accordion" />
+
+
 ## Accordion
 
 

diff --git a/docs/docs/api/appkit-ui/components/Alert.mdx b/docs/docs/api/appkit-ui/components/Alert.mdx
@@ -4,6 +4,13 @@ title: Alert
 
 # Alert
 
+## Example
+
+import { DocExample } from "@site/src/components/DocExample";
+
+<DocExample name="alert" />
+
+
 ## Alert
 
 

diff --git a/docs/docs/api/appkit-ui/components/AlertDialog.mdx b/docs/docs/api/appkit-ui/components/AlertDialog.mdx
@@ -4,6 +4,13 @@ title: AlertDialog
 
 # AlertDialog
 
+## Example
+
+import { DocExample } from "@site/src/components/DocExample";
+
+<DocExample name="alert-dialog" />
+
+
 ## AlertDialog
 
 

diff --git a/docs/docs/api/appkit-ui/components/AspectRatio.mdx b/docs/docs/api/appkit-ui/components/AspectRatio.mdx
@@ -4,6 +4,13 @@ title: AspectRatio
 
 # AspectRatio
 
+## Example
+
+import { DocExample } from "@site/src/components/DocExample";
+
+<DocExample name="aspect-ratio" />
+
+
 ## AspectRatio
 
 

diff --git a/docs/docs/api/appkit-ui/components/Avatar.mdx b/docs/docs/api/appkit-ui/components/Avatar.mdx
@@ -4,6 +4,13 @@ title: Avatar
 
 # Avatar
 
+## Example
+
+import { DocExample } from "@site/src/components/DocExample";
+
+<DocExample name="avatar" />
+
+
 ## Avatar
 
 

diff --git a/docs/docs/api/appkit-ui/components/Badge.mdx b/docs/docs/api/appkit-ui/components/Badge.mdx
@@ -4,6 +4,13 @@ title: Badge
 
 # Badge
 
+## Example
+
+import { DocExample } from "@site/src/components/DocExample";
+
+<DocExample name="badge" />
+
+
 ## Badge
 
 

diff --git a/docs/docs/api/appkit-ui/components/Breadcrumb.mdx b/docs/docs/api/appkit-ui/components/Breadcrumb.mdx
@@ -4,6 +4,13 @@ title: Breadcrumb
 
 # Breadcrumb
 
+## Example
+
+import { DocExample } from "@site/src/components/DocExample";
+
+<DocExample name="breadcrumb" />
+
+
 ## Breadcrumb
 
 

diff --git a/docs/docs/api/appkit-ui/components/Button.mdx b/docs/docs/api/appkit-ui/components/Button.mdx
@@ -4,6 +4,13 @@ title: Button
 
 # Button
 
+## Example
+
+import { DocExample } from "@site/src/components/DocExample";
+
+<DocExample name="button" />
+
+
 ## Button
 
 

diff --git a/docs/docs/api/appkit-ui/components/Calendar.mdx b/docs/docs/api/appkit-ui/components/Calendar.mdx
@@ -4,6 +4,13 @@ title: Calendar
 
 # Calendar
 
+## Example
+
+import { DocExample } from "@site/src/components/DocExample";
+
+<DocExample name="calendar" />
+
+
 ## Calendar
 
 

diff --git a/docs/docs/api/appkit-ui/components/Card.mdx b/docs/docs/api/appkit-ui/components/Card.mdx
@@ -4,6 +4,13 @@ title: Card
 
 # Card
 
+## Example
+
+import { DocExample } from "@site/src/components/DocExample";
+
+<DocExample name="card" />
+
+
 ## Card
 
 

diff --git a/docs/docs/api/appkit-ui/components/Carousel.mdx b/docs/docs/api/appkit-ui/components/Carousel.mdx
@@ -4,6 +4,13 @@ title: Carousel
 
 # Carousel
 
+## Example
+
+import { DocExample } from "@site/src/components/DocExample";
+
+<DocExample name="carousel" />
+
+
 ## Carousel
 
 

diff --git a/docs/docs/api/appkit-ui/components/Checkbox.mdx b/docs/docs/api/appkit-ui/components/Checkbox.mdx
@@ -4,6 +4,13 @@ title: Checkbox
 
 # Checkbox
 
+## Example
+
+import { DocExample } from "@site/src/components/DocExample";
+
+<DocExample name="checkbox" />
+
+
 ## Checkbox
 
 

diff --git a/docs/docs/api/appkit-ui/components/Collapsible.mdx b/docs/docs/api/appkit-ui/components/Collapsible.mdx
@@ -4,6 +4,13 @@ title: Collapsible
 
 # Collapsible
 
+## Example
+
+import { DocExample } from "@site/src/components/DocExample";
+
+<DocExample name="collapsible" />
+
+
 ## Collapsible
 
 

diff --git a/docs/docs/api/appkit-ui/components/Command.mdx b/docs/docs/api/appkit-ui/components/Command.mdx
@@ -4,6 +4,13 @@ title: Command
 
 # Command
 
+## Example
+
+import { DocExample } from "@site/src/components/DocExample";
+
+<DocExample name="command" />
+
+
 ## Command
 
 

diff --git a/docs/docs/api/appkit-ui/components/ContextMenu.mdx b/docs/docs/api/appkit-ui/components/ContextMenu.mdx
@@ -4,6 +4,13 @@ title: ContextMenu
 
 # ContextMenu
 
+## Example
+
+import { DocExample } from "@site/src/components/DocExample";
+
+<DocExample name="context-menu" />
+
+
 ## ContextMenu
 
 

diff --git a/docs/docs/api/appkit-ui/components/Dialog.mdx b/docs/docs/api/appkit-ui/components/Dialog.mdx
@@ -4,6 +4,13 @@ title: Dialog
 
 # Dialog
 
+## Example
+
+import { DocExample } from "@site/src/components/DocExample";
+
+<DocExample name="dialog" />
+
+
 ## Dialog
 
 

diff --git a/docs/docs/api/appkit-ui/components/Drawer.mdx b/docs/docs/api/appkit-ui/components/Drawer.mdx
@@ -4,6 +4,13 @@ title: Drawer
 
 # Drawer
 
+## Example
+
+import { DocExample } from "@site/src/components/DocExample";
+
+<DocExample name="drawer" />
+
+
 ## Drawer
 
 

diff --git a/docs/docs/api/appkit-ui/components/DropdownMenu.mdx b/docs/docs/api/appkit-ui/components/DropdownMenu.mdx
@@ -4,6 +4,13 @@ title: DropdownMenu
 
 # DropdownMenu
 
+## Example
+
+import { DocExample } from "@site/src/components/DocExample";
+
+<DocExample name="dropdown-menu" />
+
+
 ## DropdownMenu
 
 

diff --git a/docs/docs/api/appkit-ui/components/HoverCard.mdx b/docs/docs/api/appkit-ui/components/HoverCard.mdx
@@ -4,6 +4,13 @@ title: HoverCard
 
 # HoverCard
 
+## Example
+
+import { DocExample } from "@site/src/components/DocExample";
+
+<DocExample name="hover-card" />
+
+
 ## HoverCard
 
 

diff --git a/docs/docs/api/appkit-ui/components/Input.mdx b/docs/docs/api/appkit-ui/components/Input.mdx
@@ -4,6 +4,13 @@ title: Input
 
 # Input
 
+## Example
+
+import { DocExample } from "@site/src/components/DocExample";
+
+<DocExample name="input" />
+
+
 ## Input
 
 

diff --git a/docs/docs/api/appkit-ui/components/InputOtp.mdx b/docs/docs/api/appkit-ui/components/InputOtp.mdx
@@ -4,6 +4,13 @@ title: InputOtp
 
 # InputOtp
 
+## Example
+
+import { DocExample } from "@site/src/components/DocExample";
+
+<DocExample name="input-otp" />
+
+
 ## InputOTP
 
 

diff --git a/docs/docs/api/appkit-ui/components/Label.mdx b/docs/docs/api/appkit-ui/components/Label.mdx
@@ -4,6 +4,13 @@ title: Label
 
 # Label
 
+## Example
+
+import { DocExample } from "@site/src/components/DocExample";
+
+<DocExample name="label" />
+
+
 ## Label
 
 

diff --git a/docs/docs/api/appkit-ui/components/Menubar.mdx b/docs/docs/api/appkit-ui/components/Menubar.mdx
@@ -4,6 +4,13 @@ title: Menubar
 
 # Menubar
 
+## Example
+
+import { DocExample } from "@site/src/components/DocExample";
+
+<DocExample name="menubar" />
+
+
 ## Menubar
 
 

diff --git a/docs/docs/api/appkit-ui/components/NavigationMenu.mdx b/docs/docs/api/appkit-ui/components/NavigationMenu.mdx
@@ -4,6 +4,13 @@ title: NavigationMenu
 
 # NavigationMenu
 
+## Example
+
+import { DocExample } from "@site/src/components/DocExample";
+
+<DocExample name="navigation-menu" />
+
+
 ## NavigationMenu
 
 

diff --git a/docs/docs/api/appkit-ui/components/Pagination.mdx b/docs/docs/api/appkit-ui/components/Pagination.mdx
@@ -4,6 +4,13 @@ title: Pagination
 
 # Pagination
 
+## Example
+
+import { DocExample } from "@site/src/components/DocExample";
+
+<DocExample name="pagination" />
+
+
 ## Pagination
 
 

diff --git a/docs/docs/api/appkit-ui/components/Popover.mdx b/docs/docs/api/appkit-ui/components/Popover.mdx
@@ -4,6 +4,13 @@ title: Popover
 
 # Popover
 
+## Example
+
+import { DocExample } from "@site/src/components/DocExample";
+
+<DocExample name="popover" />
+
+
 ## Popover
 
 

diff --git a/docs/docs/api/appkit-ui/components/Progress.mdx b/docs/docs/api/appkit-ui/components/Progress.mdx
@@ -4,6 +4,13 @@ title: Progress
 
 # Progress
 
+## Example
+
+import { DocExample } from "@site/src/components/DocExample";
+
+<DocExample name="progress" />
+
+
 ## Progress
-Original file line number
+Diff line change
@@ Expand Up / @@ -4,6 +4,13 @@ title: Card @@
     # Card
+    ## Example
+    import { DocExample } from "@site/src/components/DocExample";
+    <DocExample name="card" />
     ## Card
@@ Expand Down @@