diff --git a/demo/src/lib/CodeSnippet.svelte b/demo/src/lib/CodeSnippet.svelte
new file mode 100644
index 0000000..4d9c349
--- /dev/null
+++ b/demo/src/lib/CodeSnippet.svelte
@@ -0,0 +1,141 @@
+
+
+ = $props();
const pathRoutingLinks = [
{ text: 'Home', href: '/path-routing' },
- { text: 'Demo', href: '/path-routing/demo' }
+ { text: 'Start Demo', href: '/path-routing/demo' }
];
const hashRoutingLinks = [
{ text: 'Home', href: '/hash-routing' },
{
- text: 'Demo',
+ text: 'Start Demo',
href: '/hash-routing#' + (routingMode === 'multi' ? 'd1=/demo;d2=/demo' : '/demo')
}
];
-
+ {#if title || copyable}
+
+
+
+
+
diff --git a/demo/src/lib/NavBar.svelte b/demo/src/lib/NavBar.svelte
index d616cd3..3cabed2 100644
--- a/demo/src/lib/NavBar.svelte
+++ b/demo/src/lib/NavBar.svelte
@@ -2,23 +2,28 @@
import { Link, Route } from '@wjfe/n-savant';
import SubNav from './SubNav.svelte';
import { routingMode } from './hash-routing';
+ import type { HTMLAttributes } from 'svelte/elements';
+
+ let {
+ ...restProps
+ }: HTMLAttributes
+ {#if title}
+ {title}
+ {/if}
+ {#if copyable}
+
+ {/if}
+
+ {/if}
+
+
+