diff --git a/examples/navigation.tsx b/examples/navigation.tsx
index 1d46b4a..429cbaf 100644
--- a/examples/navigation.tsx
+++ b/examples/navigation.tsx
@@ -44,11 +44,16 @@ const Tabs = define('Tabs', {
   render({ props, parts: { Root, Tab } }) {
     return (
       <Root>
+        <script dangerouslySetInnerHTML={{
+          __html: `
+          const ClickTab = (label) => console.log('Tab clicked:', label)
+          `}} />
+
         {props.items?.map((item: any) => (
           <Tab
             key={item.id}
             active={item.active}
-            onClick={() => console.log('Tab clicked:', item.label)}
+            onClick={`ClickTab("${item.label}")`}
           >
             {item.label}
           </Tab>