summaryrefslogtreecommitdiffstats
path: root/examples/with-script-in-browser/index.tsx
diff options
context:
space:
mode:
authorkj_sh6042026-03-15 16:19:35 -0400
committerkj_sh6042026-03-15 16:19:35 -0400
commit225db4a7805befe009fe055fc2ef5daedd6c04f9 (patch)
treea5b0d073daabaadceb2f5c1b18640d785b5a9c71 /examples/with-script-in-browser/index.tsx
parent8ff10d2bf233608b027f8503cb9c7100c9ee3f16 (diff)
refactor: examples/
Diffstat (limited to 'examples/with-script-in-browser/index.tsx')
-rw-r--r--examples/with-script-in-browser/index.tsx28
1 files changed, 28 insertions, 0 deletions
diff --git a/examples/with-script-in-browser/index.tsx b/examples/with-script-in-browser/index.tsx
new file mode 100644
index 0000000..25ad96e
--- /dev/null
+++ b/examples/with-script-in-browser/index.tsx
@@ -0,0 +1,28 @@
+import App from "./components/ExampleApp";
+import React, { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+
+import type * as TExcalidraw from "@excalidraw/excalidraw";
+
+import "@excalidraw/excalidraw/index.css";
+
+declare global {
+ interface Window {
+ ExcalidrawLib: typeof TExcalidraw;
+ }
+}
+
+const rootElement = document.getElementById("root")!;
+const root = createRoot(rootElement);
+const { Excalidraw } = window.ExcalidrawLib;
+root.render(
+ <StrictMode>
+ <App
+ appTitle={"Excalidraw Example"}
+ useCustom={(api: any, args?: any[]) => {}}
+ excalidrawLib={window.ExcalidrawLib}
+ >
+ <Excalidraw />
+ </App>
+ </StrictMode>,
+);