aboutsummaryrefslogtreecommitdiffstats
path: root/examples/with-script-in-browser/index.tsx
diff options
context:
space:
mode:
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>,
+);