diff --git a/README.md b/README.md
index 9a2082c..08dfdf9 100644
--- a/README.md
+++ b/README.md
@@ -33,6 +33,8 @@ Features:
* [🚄 Stress Test](https://nocode-js.github.io/sequential-workflow-designer/examples/stress-test.html)
* [🚪 Editing Restrictions](https://nocode-js.github.io/sequential-workflow-designer/examples/editing-restrictions.html)
* [📜 Scrollable Page](https://nocode-js.github.io/sequential-workflow-designer/examples/scrollable-page.html)
+* [React Demo](https://nocode-js.github.io/sequential-workflow-designer/react-app/)
+* [Angular Demo](https://nocode-js.github.io/sequential-workflow-designer/angular-app/)
Pro:
diff --git a/demos/angular-app/src/main.ts b/demos/angular-app/src/main.ts
index e7095a9..c4db1a1 100644
--- a/demos/angular-app/src/main.ts
+++ b/demos/angular-app/src/main.ts
@@ -2,6 +2,8 @@ import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';
-platformBrowserDynamic()
- .bootstrapModule(AppModule)
- .catch(err => console.error(err));
+window.addEventListener('load', () => {
+ platformBrowserDynamic()
+ .bootstrapModule(AppModule)
+ .catch(err => console.error(err));
+}, false);
diff --git a/demos/react-app/package.json b/demos/react-app/package.json
index cfd1a5b..506e6cd 100644
--- a/demos/react-app/package.json
+++ b/demos/react-app/package.json
@@ -2,7 +2,7 @@
"name": "sequential-workflow-designer-react-app-demo",
"version": "0.0.0",
"private": true,
- "homepage": "/sequential-workflow-designer/react-app/",
+ "homepage": "./",
"dependencies": {
"react": "^18.2.0",
"react-dom": "^18.2.0",
diff --git a/demos/react-app/src/App.tsx b/demos/react-app/src/App.tsx
index 481b11d..4b15665 100644
--- a/demos/react-app/src/App.tsx
+++ b/demos/react-app/src/App.tsx
@@ -23,6 +23,9 @@ export function App() {
+
+ GitHub
+
{path === 'playground' && }
{path === 'nativeEditors' && }
diff --git a/demos/react-app/src/index.css b/demos/react-app/src/index.css
index d07a308..8bb3411 100644
--- a/demos/react-app/src/index.css
+++ b/demos/react-app/src/index.css
@@ -32,6 +32,18 @@ nav button.selected {
nav button:hover {
opacity: 0.8;
}
+nav .github {
+ margin: 0 5px;
+ color: #fff;
+}
+nav .github:hover {
+ text-decoration: none;
+}
+@media only screen and (max-width: 700px) {
+ nav h1 {
+ display: none;
+ }
+}
.sqd-designer-react {
width: 100vw;