{"title":"Node inspection panel","description":"Show the properties of the selected node","keywords":"node, property, inspector"}

Node Inspector panel

When there is a selected node the "Inspector" panel shows its properties.

Properties of a node

The image below shows the properties of an HTML node and its code in the "Code editor" panel.
Panels - Changing the SVG properties

Description of the properties of the node

Name
The node given to the node can be used as the name of a class, a method, an HTML component, etc.
Within the code, the "__node_name__" placeholder will be replaced by the compilation with the value of the "Name" property.

Description
It can be used as a simple description or as a comment in the code using the "__node_description__" placeholder.

category
Defines the category of the node.

MimeType
Shows the mimeType of the node

Changed - Time
They show the date and time the node was last modified

Color
Allows you to change the color of the node

Input property of the node

The input properties of the node are customizable and are defined in the "Inputs" panel
displayed by clicking on the "Edit properties..." button

Inputs panel

The input properties can be named and ordered as you like.
They represent the input properties of the node and are placed to the left of the graphical representation of the node.

The code of a node uses the values of the properties through a placeholder.

The toolbar at the top of the panel allows you to:

1) Add properties
2) Move the selected property up
3) Move the selected property down
4) Delete the selected property

To select a property, click on it.

Panels - Changing the SVG properties