From 5888307a31bd5e3e66be10bece4c42550e8b26cd Mon Sep 17 00:00:00 2001
From: kotte <konstantin.aistre@gmail.com>
Date: Fri, 8 Sep 2023 11:22:55 +0200
Subject: [PATCH] Feat: Add docs for the new Tag and Children Count properties
 (#3)

---
 .../inputs/_visual-input-properties.md        | 25 ++++++++++---------
 .../outputs/_visual-output-properties.md      |  9 ++++---
 2 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/nodes/shared-props/inputs/_visual-input-properties.md b/nodes/shared-props/inputs/_visual-input-properties.md
index 4bd15e1..4ab8143 100644
--- a/nodes/shared-props/inputs/_visual-input-properties.md
+++ b/nodes/shared-props/inputs/_visual-input-properties.md
@@ -64,14 +64,14 @@ Here is a list of the values, that should be passed in:
 
 <div className="ndl-table-35-65">
 
-| Display Name            | Value     |
-| ----------------------- | --------- |
-| Align Bottom            | `bottom`  |
-| Align Vertical Center   | `center`  |
-| Align Top               | `top`     |
-| Align Left              | `left`    |
-| Align Horizontal Center | `center`  |
-| Align Right             | `right`   |
+| Display Name            | Value    |
+| ----------------------- | -------- |
+| Align Bottom            | `bottom` |
+| Align Vertical Center   | `center` |
+| Align Top               | `top`    |
+| Align Left              | `left`   |
+| Align Horizontal Center | `center` |
+| Align Right             | `right`  |
 
 </div>
 
@@ -362,7 +362,8 @@ The Dimension Constraints Gadget allows you to clamp the values of the [Dimensio
 
 ## Advanced HTML
 
-| Data                                        | Description                                                             |
-| ------------------------------------------- | ----------------------------------------------------------------------- |
-| <span className="ndl-data">CSS Class</span> | <##input:cssClass##>Specify a CSS class this node will have.<##input##> |
-| **CSS Style**                               | Use this property to specify your custom CSS.                           |
+| Data                                        | Description                                                                                         |
+| ------------------------------------------- | --------------------------------------------------------------------------------------------------- |
+| <span className="ndl-data">Tag</span>       | The tag used when this node renders in the app. Only available on the **Group** and **Text** nodes. |
+| <span className="ndl-data">CSS Class</span> | <##input:cssClass##>Specify a CSS class this node will have.<##input##>                             |
+| <span className="ndl-data">CSS Style</span> | Use this property to specify your custom CSS.                                                       |
diff --git a/nodes/shared-props/outputs/_visual-output-properties.md b/nodes/shared-props/outputs/_visual-output-properties.md
index 68880db..1c055bc 100644
--- a/nodes/shared-props/outputs/_visual-output-properties.md
+++ b/nodes/shared-props/outputs/_visual-output-properties.md
@@ -52,7 +52,8 @@
 
 ## Other
 
-| Data                                          | Description                                                                                                                                                                                                                              |
-| --------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| <span className="ndl-data">Child Index</span> | <##output:childIndex##>The place this node has in relation to its parent. E.g. if a **Group** has three children, then the first child will have _Child Index_ `0`, the second child will have _Child Index_ `1`, and so on.<##output##> |
-| <span className="ndl-data">This</span>        | <##output:this##>A reference to this node. Used in custom **JavaScript** nodes and more.<##output##>                                                                                                                                     |
+| Data                                             | Description                                                                                                                                                                                                                              |
+| ------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| <span className="ndl-data">Child Index</span>    | <##output:childIndex##>The place this node has in relation to its parent. E.g. if a **Group** has three children, then the first child will have _Child Index_ `0`, the second child will have _Child Index_ `1`, and so on.<##output##> |
+| <span className="ndl-data">This</span>           | <##output:this##>A reference to this node. Used in custom **JavaScript** nodes and more.<##output##>                                                                                                                                     |
+| <span className="ndl-data">Children Count</span> | <##output:this##>Outputs the number of children that this node has (if the node supports children).<##output##>                                                                                                                          |