fix: SEO-1 (#29)

This commit is contained in:
Eric Tuvesson
2023-09-22 12:35:24 +02:00
committed by GitHub
parent d392dd0407
commit f3b8bb4d3b
111 changed files with 222 additions and 203 deletions

View File

@@ -34,7 +34,7 @@ export function NodeReferenceListing() {
export function NodeColorGuide({ text }) {
return (
<Section title="Node colors" linkLabel={null}>
<Section title="Node colors" linkLabel={undefined}>
<Grid layout={GridLayout.Grid_2_3}>
<Text>{text}</Text>

View File

@@ -57,8 +57,8 @@ This node supports the following properties:
<div className="hidden-props-for-editor">
@include "../shared-props/inputs/_visual-input-properties.md"
@include "../../shared-props/inputs/_visual-input-properties.md"
@include "../shared-props/outputs/_visual-output-properties.md"
@include "../../shared-props/outputs/_visual-output-properties.md"
</div>

View File

@@ -1,74 +0,0 @@
---
hide_title: true
hide_table_of_contents: true
title: Group
---
<##head##>
# Group
This node is a styleable container. It can have other visual nodes nested inside of it.
<div className="ndl-image-with-background l">
![](/nodes/basic-elements/group/group_visual.png)
</div>
The <span className="ndl-node">Group</span> is the most essential node when it comes to creating layouts and arranging visual elements.
<div className="ndl-image-with-background l">
![](/nodes/basic-elements/group/group_node.png)
</div>
<##head##>
**Group** nodes are typically used to layout children by stacking (the default), but can also be used to simply provide margins and padding to a group of visual nodes. To learn more about **Group** nodes check out the [Layouting guide](/docs/guides/user-interfaces/layout).
## Inputs
Many of the UI nodes share the same inputs. Please refer to the [Visual Input Properties](/nodes/shared-props/inputs/visual-input-properties) documentation.
This node supports the following properties:
- [Margin](/nodes/shared-props/inputs/visual-input-properties#margin)
- [Padding](/nodes/shared-props/inputs/visual-input-properties#padding)
- [Alignment](/nodes/shared-props/inputs/visual-input-properties#alignment)
- [Dimensions](/nodes/shared-props/inputs/visual-input-properties#dimensions)
- [Layout](/nodes/shared-props/inputs/visual-input-properties#layout)
- [Align and justify content](/nodes/shared-props/inputs/visual-input-properties#align-and-justify-content)
- [Scroll](/nodes/shared-props/inputs/visual-input-properties#scroll)
- [Style](/nodes/shared-props/inputs/visual-input-properties#style)
- [Border Style](/nodes/shared-props/inputs/visual-input-properties#border-style)
- [Corner Radius](/nodes/shared-props/inputs/visual-input-properties#corner-radius)
- [Box Shadow](/nodes/shared-props/inputs/visual-input-properties#box-shadow)
- [Placement](/nodes/shared-props/inputs/visual-input-properties#placement)
- [Dimension Constraints](/nodes/shared-props/inputs/visual-input-properties#dimension-constraints)
- [Focus](/nodes/shared-props/inputs/visual-input-properties#focus)
- [Other](/nodes/shared-props/inputs/visual-input-properties#other)
- [Advanced HTML](/nodes/shared-props/inputs/visual-input-properties#advanced-html)
## Outputs
Many of the UI nodes share the same outputs. Please refer to the [Visual Output Properties](/nodes/shared-props/outputs/visual-output-properties) documentation.
This node supports the following properties:
- [Scrolling](/nodes/shared-props/outputs/visual-output-properties#scrolling)
- [Bounding Box](/nodes/shared-props/outputs/visual-output-properties#bounding-box)
- [Mounted](/nodes/shared-props/outputs/visual-output-properties#mounted)
- [Pointer Events](/nodes/shared-props/outputs/visual-output-properties#pointer-events)
- [Hover Events](/nodes/shared-props/outputs/visual-output-properties#hover-events)
- [Focus](/nodes/shared-props/outputs/visual-output-properties#focus)
- [Other](/nodes/shared-props/outputs/visual-output-properties#other)
<div className="hidden-props-for-editor">
@include "../shared-props/inputs/_visual-input-properties.md"
@include "../shared-props/outputs/_visual-output-properties.md"
</div>

View File

@@ -0,0 +1,74 @@
---
hide_title: true
hide_table_of_contents: true
title: Group
---
<##head##>
# Group
This node is a styleable container. It can have other visual nodes nested inside of it.
<div className="ndl-image-with-background l">
![](/nodes/basic-elements/group/group_visual.png)
</div>
The <span className="ndl-node">Group</span> is the most essential node when it comes to creating layouts and arranging visual elements.
<div className="ndl-image-with-background l">
![](/nodes/basic-elements/group/group_node.png)
</div>
<##head##>
**Group** nodes are typically used to layout children by stacking (the default), but can also be used to simply provide margins and padding to a group of visual nodes. To learn more about **Group** nodes check out the [Layouting guide](/docs/guides/user-interfaces/layout).
## Inputs
Many of the UI nodes share the same inputs. Please refer to the [Visual Input Properties](/nodes/shared-props/inputs/visual-input-properties) documentation.
This node supports the following properties:
- [Margin](/nodes/shared-props/inputs/visual-input-properties#margin)
- [Padding](/nodes/shared-props/inputs/visual-input-properties#padding)
- [Alignment](/nodes/shared-props/inputs/visual-input-properties#alignment)
- [Dimensions](/nodes/shared-props/inputs/visual-input-properties#dimensions)
- [Layout](/nodes/shared-props/inputs/visual-input-properties#layout)
- [Align and justify content](/nodes/shared-props/inputs/visual-input-properties#align-and-justify-content)
- [Scroll](/nodes/shared-props/inputs/visual-input-properties#scroll)
- [Style](/nodes/shared-props/inputs/visual-input-properties#style)
- [Border Style](/nodes/shared-props/inputs/visual-input-properties#border-style)
- [Corner Radius](/nodes/shared-props/inputs/visual-input-properties#corner-radius)
- [Box Shadow](/nodes/shared-props/inputs/visual-input-properties#box-shadow)
- [Placement](/nodes/shared-props/inputs/visual-input-properties#placement)
- [Dimension Constraints](/nodes/shared-props/inputs/visual-input-properties#dimension-constraints)
- [Focus](/nodes/shared-props/inputs/visual-input-properties#focus)
- [Other](/nodes/shared-props/inputs/visual-input-properties#other)
- [Advanced HTML](/nodes/shared-props/inputs/visual-input-properties#advanced-html)
## Outputs
Many of the UI nodes share the same outputs. Please refer to the [Visual Output Properties](/nodes/shared-props/outputs/visual-output-properties) documentation.
This node supports the following properties:
- [Scrolling](/nodes/shared-props/outputs/visual-output-properties#scrolling)
- [Bounding Box](/nodes/shared-props/outputs/visual-output-properties#bounding-box)
- [Mounted](/nodes/shared-props/outputs/visual-output-properties#mounted)
- [Pointer Events](/nodes/shared-props/outputs/visual-output-properties#pointer-events)
- [Hover Events](/nodes/shared-props/outputs/visual-output-properties#hover-events)
- [Focus](/nodes/shared-props/outputs/visual-output-properties#focus)
- [Other](/nodes/shared-props/outputs/visual-output-properties#other)
<div className="hidden-props-for-editor">
@include "../../shared-props/inputs/_visual-input-properties.md"
@include "../../shared-props/outputs/_visual-output-properties.md"
</div>

View File

@@ -65,8 +65,8 @@ This node supports the following [Visual Output Properties](/nodes/shared-props/
<div className="hidden-props-for-editor">
@include "../shared-props/inputs/_visual-input-properties.md"
@include "../../shared-props/inputs/_visual-input-properties.md"
@include "../shared-props/outputs/_visual-output-properties.md"
@include "../../shared-props/outputs/_visual-output-properties.md"
</div>

View File

@@ -52,8 +52,8 @@ This node supports the following properties:
<div className="hidden-props-for-editor">
@include "../shared-props/inputs/_visual-input-properties.md"
@include "../../shared-props/inputs/_visual-input-properties.md"
@include "../shared-props/outputs/_visual-output-properties.md"
@include "../../shared-props/outputs/_visual-output-properties.md"
</div>

View File

@@ -62,8 +62,8 @@ This node supports the following outputs:
<div className="hidden-props-for-editor">
@include "../shared-props/inputs/_visual-input-properties.md"
@include "../../shared-props/inputs/_visual-input-properties.md"
@include "../shared-props/outputs/_visual-output-properties.md"
@include "../../shared-props/outputs/_visual-output-properties.md"
</div>

View File

@@ -91,7 +91,7 @@ This node supports the following [Visual Output Properties](/nodes/shared-props/
<div className="hidden-props-for-editor">
@include "../shared-props/inputs/_visual-input-properties.md"
@include "../shared-props/outputs/_visual-output-properties.md"
@include "../../shared-props/inputs/_visual-input-properties.md"
@include "../../shared-props/outputs/_visual-output-properties.md"
</div>

View File

@@ -30,7 +30,7 @@ A Component Stack should have a number of _component entries_ that it can push o
With the **clip** property set to <span className="ndl-data">false</span>, the **Component Stack** will automatically take up as much space as available and expand beyond that if its component currently showing is larger. If the **clip** property is set to <span className="ndl-data">true</span> it fill up any available space in its parent container and clip its components if they are larger than that.
If you want to control the size of the **Component Stack** beyond that, you should put it as a child in a [Group](/nodes/basic-elements/group) node.
If you want to control the size of the **Component Stack** beyond that, you should put it as a child in a [Group](/nodes/basic-elements/group/README.md) node.
<##head##>
@@ -75,8 +75,8 @@ This node supports the following [Visual Output Properties](/nodes/shared-props/
<div className="hidden-props-for-editor">
@include "../shared-props/inputs/_visual-input-properties.md"
@include "../../shared-props/inputs/_visual-input-properties.md"
@include "../shared-props/outputs/_visual-output-properties.md"
@include "../../shared-props/outputs/_visual-output-properties.md"
</div>

View File

@@ -33,7 +33,7 @@ Finally, send a <span className="ndl-signal">signal</span> to <span className="n
| <span className="ndl-data">Relation</span> | You need to choose the **Relation** property of the owning class to use when creating the relation. |
| <span className="ndl-data">Target Record Id</span> | <##input:target record id##>This input should be connected to the **Id** of the target record of the new relation.<##input##> |
@include "./id-source.md"
@include "../_id-source.md"
| Signal | Description |
| -------------------------------------- | ------------------------------------------------------------------------------------------------------------- |

View File

@@ -32,7 +32,7 @@ You can also provide values for the properties of the record either via connecti
| -------------------------------------- | ---------------------------------------------------------------------------- |
| <span className="ndl-signal">Do</span> | <##input:do##>Send a signal on this input to create a new record.<##input##> |
@include "./_acl.md"
@include "../_acl.md"
## Outputs

View File

@@ -29,7 +29,7 @@ Then send a signal on the **Do** input to perform the action.
| <span className="ndl-data">Class</span> | You need to select the **Class** of records that this node will act on. |
| <span className="ndl-data">Id</span> | <##input:id##>Specify the **Id** of the record that you want to delete.<##input##> This input is only valid if **Id Source** is set to **Specify explicitly**. |
@include "./id-source.md"
@include "../_id-source.md"
| Signal | Description |
| -------------------------------------- | ----------------------------------------------------------------------------------------------------------- |

View File

@@ -28,7 +28,7 @@ Then you can access the properties of the specific **Record** through the proper
| <span className="ndl-data">Class</span> | Select the **Class** for this Records that this node will get data from. Choosing the **Class** will make the node get all properties of the class as outputs. |
| <span className="ndl-data">Id</span> | <##input:id##>The Id of the **Record** that this node should read data from.<##input##> |
@include "./id-source.md"
@include "../_id-source.md"
| Signal | Description |
| ----------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |

View File

@@ -33,7 +33,7 @@ Finally, send a <span className="ndl-signal">signal</span> to <span className="n
| <span className="ndl-data">Relation</span> | You need to choose the **Relation** property of the owning class to use when removing the relation. |
| <span className="ndl-data">Target Record Id</span> | <##input:target record id##>This input should be connected to the **Id** of the target record that have an existing relation to the owning record via the **Relation** property that should be removed.<##input##> |
@include "./id-source.md"
@include "../_id-source.md"
| Signal | Description |
| -------------------------------------- | --------------------------------------------------------------------------------------------------------------------------- |

View File

@@ -31,13 +31,13 @@ Send a <span className="ndl-signal">signal</span> to <span className="ndl-signal
| <span className="ndl-data">Id</span> | <##input:id##>Specify the **Id** of the record that you want to set the properties on.<##input##> This input is only valid if **Id Source** is set to **Specify explicitly**. |
| <span className="ndl-data">Property Inputs</span> | <##input:prop-\*##>The value to set this property to when the action is triggered.<##input##> For each property in the specified class there will be an input of the correct type. You can provide the values for the inputs either through connections or by specifying them in the property panel. |
@include "./id-source.md"
@include "../_id-source.md"
| Signal | Description |
| -------------------------------------- | ---------------------------------------------------------------------------------------------------------- |
| <span className="ndl-signal">Do</span> | <##input:do##>When a signal is received on this input the properties will be set on the record.<##input##> |
@include "./_acl.md"
@include "../_acl.md"
## Outputs

View File

@@ -22,7 +22,7 @@ You can provide any number of properties with values for your new Object. When t
## Inputs
@include "./_properties.md"
@include "../_properties.md"
| Signal | Description |
| -------------------------------------- | ----------------------------------------------------------------------------------------------------------- |

View File

@@ -30,7 +30,7 @@ Finally, send a signal to **Do** to perform the action.
## Inputs
@include "./_properties.md"
@include "../_properties.md"
| Data | Description |
| ------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |

View File

@@ -20,6 +20,6 @@ One common use for this is when you want certain input parameters to be availabl
<##head##>
@include "./common-navigation.md"
@include "../_common-navigation.md"
<span className="hidden-props-for-editor"><##output:pm-\*##>A page parameter that will be available as an input on any **Navigate** node that navigates to its associated **Page**.<##output##></span>

View File

@@ -76,7 +76,7 @@ If needed, you can use multiple **Page Routers** at the same time. This could fo
![](/nodes/navigation/page-router/multi-router.png)
@include "./common-navigation.md"
@include "../_common-navigation.md"
## Visual Appearance
@@ -116,8 +116,8 @@ This node supports the following [Visual Output Properties](/nodes/shared-props/
<div className="hidden-props-for-editor">
@include "../shared-props/inputs/_visual-input-properties.md"
@include "../../shared-props/inputs/_visual-input-properties.md"
@include "../shared-props/outputs/_visual-output-properties.md"
@include "../../shared-props/outputs/_visual-output-properties.md"
</div>

View File

@@ -50,8 +50,8 @@ This node supports the following [Visual Output Properties](/nodes/shared-props/
<div className="hidden-props-for-editor">
@include "../shared-props/inputs/_visual-input-properties.md"
@include "../../shared-props/inputs/_visual-input-properties.md"
@include "../shared-props/outputs/_visual-output-properties.md"
@include "../../shared-props/outputs/_visual-output-properties.md"
</div>

View File

@@ -32,7 +32,7 @@ Use variations to create different types of buttons
The Button can be enabled and disabled using the Enabled input:
@include "../shared-props/inputs/_enabled.md"
@include "../../shared-props/inputs/_enabled.md"
The Button node has a set of label properties that can be set:
@@ -83,13 +83,13 @@ The main output for the button is the Click <span className="ndl-signal">signal<
It also features a set of more in depth <span className="ndl-signal">signals</span>:
@include "../shared-props/outputs/_control-events.md"
@include "../../shared-props/outputs/_control-events.md"
### States
Apart from triggering <span className="ndl-signal">signals</span> the Button node also notifies of its state through <span className="ndl-data">data</span> outputs:
@include "../shared-props/outputs/_control-states.md"
@include "../../shared-props/outputs/_control-states.md"
### Visual
@@ -101,8 +101,8 @@ This node supports the following [Visual Output Properties](/nodes/shared-props/
<div className="hidden-props-for-editor">
@include "../shared-props/inputs/_visual-input-properties.md"
@include "../../shared-props/inputs/_visual-input-properties.md"
@include "../shared-props/outputs/_visual-output-properties.md"
@include "../../shared-props/outputs/_visual-output-properties.md"
</div>

View File

@@ -51,7 +51,7 @@ It can be enabled and disabled using the <span className="ndl-data">Enabled</spa
<div className="ndl-table-35-65">
@include "../shared-props/inputs/_enabled.md"
@include "../../shared-props/inputs/_enabled.md"
</div>
@@ -124,7 +124,7 @@ It also features a set of <span className="ndl-signal">signals</span>:
<div className="ndl-table-35-65">
@include "../shared-props/outputs/_control-events.md"
@include "../../shared-props/outputs/_control-events.md"
</div>
@@ -134,7 +134,7 @@ Apart from triggering <span className="ndl-signal">signals</span> the Checkbox n
<div className="ndl-table-35-65">
@include "../shared-props/outputs/_control-states.md"
@include "../../shared-props/outputs/_control-states.md"
</div>
@@ -148,8 +148,8 @@ This node supports the following [Visual Output Properties](/nodes/shared-props/
<div className="hidden-props-for-editor">
@include "../shared-props/inputs/_visual-input-properties.md"
@include "../../shared-props/inputs/_visual-input-properties.md"
@include "../shared-props/outputs/_visual-output-properties.md"
@include "../../shared-props/outputs/_visual-output-properties.md"
</div>

View File

@@ -64,7 +64,7 @@ The mapping can be achieved through `Value: function (object) { return object.id
User interaction can be enabled and disabled:
@include "../shared-props/inputs/_enabled.md"
@include "../../shared-props/inputs/_enabled.md"
### Visual
@@ -97,13 +97,13 @@ The main output is the following:
It also features a set of more in depth <span className="ndl-signal">signals</span>:
@include "../shared-props/outputs/_control-events.md"
@include "../../shared-props/outputs/_control-events.md"
### States
Apart from triggering <span className="ndl-signal">signals</span> the Dropdown node also notifies of its state through <span className="ndl-data">data</span> outputs:
@include "../shared-props/outputs/_control-states.md"
@include "../../shared-props/outputs/_control-states.md"
### Visual
@@ -115,8 +115,8 @@ This node supports the following [Visual Output Properties](/nodes/shared-props/
<div className="hidden-props-for-editor">
@include "../shared-props/inputs/_visual-input-properties.md"
@include "../../shared-props/inputs/_visual-input-properties.md"
@include "../shared-props/outputs/_visual-output-properties.md"
@include "../../shared-props/outputs/_visual-output-properties.md"
</div>

View File

@@ -34,7 +34,7 @@ The output of the <span className="ndl-node">Radio Button Group</span> node is t
It can be enabled and disabled using the <span className="ndl-data">Enabled</span> input:
@include "../shared-props/inputs/_enabled.md"
@include "../../shared-props/inputs/_enabled.md"
### Visual
@@ -71,8 +71,8 @@ This node supports the following [Visual Output Properties](/nodes/shared-props/
<div className="hidden-props-for-editor">
@include "../shared-props/inputs/_visual-input-properties.md"
@include "../../shared-props/inputs/_visual-input-properties.md"
@include "../shared-props/outputs/_visual-output-properties.md"
@include "../../shared-props/outputs/_visual-output-properties.md"
</div>

View File

@@ -45,7 +45,7 @@ The main input of the Radio Button node is the <span className="ndl-data">Value<
It can be enabled and disabled using the <span className="ndl-data">Enabled</span> input:
@include "../shared-props/inputs/_enabled.md"
@include "../../shared-props/inputs/_enabled.md"
The Checkbox node has a set of label properties that can be set:
@@ -94,13 +94,13 @@ The main output of the Radio Button node is the <span className="ndl-data">Check
It also features a set of <span className="ndl-signal">signals</span>:
@include "../shared-props/outputs/_control-events.md"
@include "../../shared-props/outputs/_control-events.md"
### States
Apart from triggering <span className="ndl-signal">signals</span> the Checkbox node also notifies of its state through <span className="ndl-data">data</span> outputs:
@include "../shared-props/outputs/_control-states.md"
@include "../../shared-props/outputs/_control-states.md"
This node supports the following [Visual Output Properties](/nodes/shared-props/outputs/visual-output-properties/):
@@ -110,8 +110,8 @@ This node supports the following [Visual Output Properties](/nodes/shared-props/
<div className="hidden-props-for-editor">
@include "../shared-props/inputs/_visual-input-properties.md"
@include "../../shared-props/inputs/_visual-input-properties.md"
@include "../shared-props/outputs/_visual-output-properties.md"
@include "../../shared-props/outputs/_visual-output-properties.md"
</div>

View File

@@ -37,7 +37,7 @@ The <span className="ndl-node">Slider</span> node allows you to set a <span clas
It can be enabled and disabled using the <span className="ndl-data">Enabled</span> input:
@include "../shared-props/inputs/_enabled.md"
@include "../../shared-props/inputs/_enabled.md"
### Thumb and track
@@ -64,13 +64,13 @@ This node supports the following [Visual Input Properties](/nodes/shared-props/i
| <span className="ndl-data">Value</span> | The current selected numeric value of the range control. |
| <span className="ndl-data">Value Percent</span> | The current selected numeric value of the range control adjusted to be between `0` and `100`, so the value of the range control in `%`. |
@include "../shared-props/outputs/_control-events.md"
@include "../../shared-props/outputs/_control-events.md"
### States
The Slider
@include "../shared-props/outputs/_control-states.md"
@include "../../shared-props/outputs/_control-states.md"
### Visual
@@ -82,8 +82,8 @@ This node supports the following [Visual Output Properties](/nodes/shared-props/
<div className="hidden-props-for-editor">
@include "../shared-props/inputs/_visual-input-properties.md"
@include "../../shared-props/inputs/_visual-input-properties.md"
@include "../shared-props/outputs/_visual-output-properties.md"
@include "../../shared-props/outputs/_visual-output-properties.md"
</div>

View File

@@ -81,13 +81,13 @@ This node supports the following [Visual Input Properties](/nodes/shared-props/i
It also features the standard set of UI control <span className="ndl-signal">signals</span>:
@include "../shared-props/outputs/_control-events.md"
@include "../../shared-props/outputs/_control-events.md"
### States
Apart from triggering <span className="ndl-signal">signals</span> the Checkbox node also notifies of its state through <span className="ndl-data">data</span> outputs:
@include "../shared-props/outputs/_control-states.md"
@include "../../shared-props/outputs/_control-states.md"
### Visual
@@ -99,8 +99,8 @@ This node supports the following [Visual Output Properties](/nodes/shared-props/
<div className="hidden-props-for-editor">
@include "../shared-props/inputs/_visual-input-properties.md"
@include "../../shared-props/inputs/_visual-input-properties.md"
@include "../shared-props/outputs/_visual-output-properties.md"
@include "../../shared-props/outputs/_visual-output-properties.md"
</div>

Some files were not shown because too many files have changed in this diff Show More