Sync from 0947a69192ad6820970902c7c951fb0cf31fcf4bexamples/toolbar-app

1 files changed, 16 insertions, 0 deletions

diff --git a/src/app.ts b/src/app.ts
new file mode 100644
index 000000000..72bd4772d
--- /dev/null
+++ b/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);
+	},
+});