1 files changed, 16 insertions, 0 deletions
diff --git a/examples/toolbar-app/src/app.ts b/examples/toolbar-app/src/app.ts
new file mode 100644
index 000000000..72bd4772d
--- /dev/null
+++ b/examples/toolbar-app/src/app.ts
@@ -0,0 +1,16 @@
+import { defineToolbarApp } from 'astro/toolbar';
+
+// Guide: https://docs.astro.build/en/recipes/making-toolbar-apps/
+// API Reference: https://docs.astro.build/en/reference/dev-toolbar-app-reference/
+export default defineToolbarApp({
+	init(canvas) {
+		const astroWindow = document.createElement('astro-dev-toolbar-window');
+
+		const text = document.createElement('p');
+		text.textContent = 'Hello, Astro!';
+
+		astroWindow.append(text);
+
+		canvas.append(astroWindow);
+	},
+});