From 2b68d3b2239d5c40c0f50c4d5234909c058c40f2 Mon Sep 17 00:00:00 2001
From: Alain Dumesny <alaind831+github@gmail.com>
Date: Fri, 14 Feb 2025 15:34:11 -0800
Subject: [PATCH] better Ng doc

* fix #2944
---
 angular/README.md |  8 ++++----
 demo/index.html   | 11 +++--------
 2 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/angular/README.md b/angular/README.md
index 38fb8ac41..587370453 100644
--- a/angular/README.md
+++ b/angular/README.md
@@ -8,13 +8,13 @@ this is the recommended way if you are going to have multiple grids (alow drag&d
 
 I.E. don't use Angular templating to create grid items as that is harder to sync when gridstack will also add/remove items.
 
-HTML
+MyComponent HTML
 
 ```html
 <gridstack [options]="gridOptions"></gridstack>
 ```
 
-CSS
+MyComponent CSS
 
 ```css
 @import "gridstack/dist/gridstack.min.css";
@@ -30,7 +30,7 @@ CSS
 ```
 
 
-Standalone Component Code
+Standalone MyComponent Code
 
 ```ts
 import { GridStackOptions } from 'gridstack';
@@ -47,7 +47,7 @@ export class MyComponent {
   // sample grid options + items to load...
   public gridOptions: GridStackOptions = {
     margin: 5,
-    children: [ // or call load()/addWidget() with same data
+    children: [ // or call load(children) or addWidget(children[0]) with same data
       {x:0, y:0, minW:2, content:'Item 1'},
       {x:1, y:0, content:'Item 2'},
       {x:0, y:1, content:'Item 3'},
diff --git a/demo/index.html b/demo/index.html
index 164079bef..ed3b6b780 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -47,14 +47,9 @@ <h1>Demos</h1>
   </ul>
   <h1>Angular wrapper</h1>
   <p>We now ship an <a href="https://github.com/gridstack/gridstack.js/tree/master/angular/" target="_blank">Angular Component</a>
-    to make it supper easy for that framework (Vue and React examples are above)</p>
-  <p>These are complete Angular projects with multiple options. use `yarn` and `yarn start` in <a href="https://github.com/gridstack/gridstack.js/tree/master/angular/projects/demo" target="_blank">angular demo</a> sub-project to run them</p>
-  <ol>
-    <li><a href="../angular/projects/demo/src/app/simple.ts">simple.ts</a></li>
-    <li><a href="../angular/projects/demo/src/app/ngFor.ts">ngFor.ts</a></li>
-    <li><a href="../angular/projects/demo/src/app/ngFor_cmd.ts">ngFor with command</a> (not recommended)</li>
-    <li><a href="../angular/projects/lib/src/lib/gridstack.component.ts">gridstack.component.ts</a> and <a href="../angular/projects/lib/src/lib/gridstack-item.component.ts">gridstack-item.component.ts</a> (BEST)</li>
-  </ol>
+    to make it supper easy for that framework</p>
+  <h1>React wrapper</h1>
+  <p>React original examples are shown above, but upcoming and better TS based <a href="https://github.com/gridstack/gridstack.js/tree/master/react/" target="_blank">/react</a> folder (working to make that official and ship it) should be looked at instead. </p>
   <h1>Old v5.1.1 Jquery Demos</h1>
   Note: those are no longer supported, and use an old version of the lib to compare functionality.
   <ul>