diff --git a/.changeset/sweet-pens-change.md b/.changeset/sweet-pens-change.md
new file mode 100644
index 000000000..b5a01b58e
--- /dev/null
+++ b/.changeset/sweet-pens-change.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+[AppBar] Add slot option for title.
diff --git a/packages/svelte-ux/src/lib/components/AppBar.svelte b/packages/svelte-ux/src/lib/components/AppBar.svelte
index a2a95df17..9995b9afc 100644
--- a/packages/svelte-ux/src/lib/components/AppBar.svelte
+++ b/packages/svelte-ux/src/lib/components/AppBar.svelte
@@ -29,13 +29,17 @@
   class={cls('AppBar', 'px-4 flex items-center relative z-50', theme.root, $$restProps.class)}
 >
   <Button icon={mdiMenu} on:click={() => ($showDrawer = !$showDrawer)} class="p-3" />
-  <div class="ml-2 text-lg">
-    {#if typeof title === 'string' || typeof title === 'number'}
-      {title}
-    {:else}
-      <Breadcrumb items={title} class="gap-2" />
-    {/if}
-  </div>
+  {#if $$slots.title}
+    <slot name="title" />
+  {:else}
+    <div class="ml-2 text-lg">
+      {#if typeof title === 'string' || typeof title === 'number'}
+        {title}
+      {:else}
+        <Breadcrumb items={title} class="gap-2" />
+      {/if}
+    </div>
+  {/if}
 
   <slot />
 
diff --git a/packages/svelte-ux/src/routes/docs/components/AppBar/+page.svelte b/packages/svelte-ux/src/routes/docs/components/AppBar/+page.svelte
index 186c91e69..de68d0f25 100644
--- a/packages/svelte-ux/src/routes/docs/components/AppBar/+page.svelte
+++ b/packages/svelte-ux/src/routes/docs/components/AppBar/+page.svelte
@@ -4,6 +4,7 @@
   import AppBar from '$lib/components/AppBar.svelte';
   import Button from '$lib/components/Button.svelte';
   import Preview from '$lib/components/Preview.svelte';
+  import ListItem from '$lib/components/ListItem.svelte';
 </script>
 
 <h1>Examples</h1>
@@ -26,6 +27,16 @@
   <AppBar title={['One', 'Two', 'Three']} />
 </Preview>
 
+<h2>Title as slot</h2>
+
+<Preview>
+  <AppBar title="Example (shown in window title)">
+    <div slot="title">
+      <ListItem title="Example" subheading="Subheading" />
+    </div>
+  </AppBar>
+</Preview>
+
 <h2>Actions</h2>
 
 <Preview>