656e5fc8d2
* chore: Upgrade Docusaurus from v2 to v3 * chore: Update "Test build" GH workflow * fix: build All markdown is processed as MDX * fix: Broken links
3.1 KiB
hide_title, hide_table_of_contents, title
| hide_title | hide_table_of_contents | title |
|---|---|---|
| true | true | Icon node |
{/##head##/}
Icon
This node places an icon in the visual tree.
You can use an icon from the built in library, or provide your own image source. {/##head##/}
Dynamic icons
If you want to dynamically pass an icon from the icon library to the Icon node you do this through the Icon Source input.
This input expects an object with a class (being the name of the icon library) and code (being the icon code that you see when you hover an icon in the icon picker). The easiest way of transforming a string to an icon object is to use a custom function containing the following code:
Outputs.iconObject = {
"class": "material-icons",
"code": Inputs.iconCode,
};
This will automatically create an iconCode input and an iconObject output.
Inputs
| Data | Description |
|---|---|
| Type | Use this to set if you want to use a predefined icon or a custom image from the project folder. |
| Icon Source | Where to get the icon. |
| Size | The width of the icon in px. |
| Color | Sets the color of the icon. Only visible if Type is set to icon. |
Visual
This node supports the following Visual Input Properties:
Outputs
This node supports the following Visual Output Properties:
@include "../../shared-props/inputs/_visual-input-properties.md"
@include "../../shared-props/outputs/_visual-output-properties.md"