From 7dd3bcac42f109f93c2598d74c815b6317b44365 Mon Sep 17 00:00:00 2001
From: Svyatoslav Kryukov <me@skryukov.dev>
Date: Wed, 13 Aug 2025 15:26:47 +0300
Subject: [PATCH] Use TabbedCode for title callback example

---
 resources/js/Pages/title-and-meta.jsx | 38 +++++++++++++++++++++------
 1 file changed, 30 insertions(+), 8 deletions(-)

diff --git a/resources/js/Pages/title-and-meta.jsx b/resources/js/Pages/title-and-meta.jsx
index 05c8de9f..5486d371 100644
--- a/resources/js/Pages/title-and-meta.jsx
+++ b/resources/js/Pages/title-and-meta.jsx
@@ -115,14 +115,36 @@ export default function () {
         JavaScript file. A common use case for the title callback is automatically adding an app name before or after
         each page title.
       </P>
-      <CodeBlock
-        language="js"
-        children={dedent`
-          createInertiaApp({
-            title: title => \`\${title} - My App\`,
-            // ...
-          })
-        `}
+      <TabbedCode
+        examples={[
+          {
+            name: 'Vue',
+            language: 'js',
+            code: dedent`
+              createInertiaApp({
+                title: title => \`\${title} - My App\`,
+                // ...
+              })
+            `,
+          },
+          {
+            name: 'React',
+            language: 'js',
+            code: dedent`
+              createInertiaApp({
+                title: title => \`\${title} - My App\`,
+                // ...
+              })
+            `,
+          },
+          {
+            name: 'Svelte',
+            language: 'js',
+            code: dedent`
+              // Not supported
+            `,
+          },
+        ]}
       />
       <P>
         After defining the <Code>title</Code> callback, the callback will automatically be invoked when you set a title