Basic Component Node

Basic Component is generated in Visual Scripting panel automatically when you drag and drop it into UI Preview. Besides, it helps you to select the needed input/output and connect them with other nodes.

Refer to this for further information: Node

Add input to Basic Component Node

Step 1. Select (+) Input button.

Step 2. Choose type of need input.

You can see the new input added to the input area.

Add output to Basic Component Node

Step 1. Select (+) Output button.

Step 2. Choose type of need input.

You can see the new output added to the output area.

Input/Output Port Addition

Each Basic Component Node has its own input items and output items generated and selectable, which might be different with other Basic Component Node.

No.	BASIC COMPONENT	INPUT ITEM	OUTPUT ITEM
1	Accordion View	Input Port: `Disabled` `DefaultExpanded` `Expanded` Other Ports: N/A	Exit Port: `onClick()` `onChange()` Output Port: `Value` Other Ports: N/A
2	Alert	N/A	Exit Port: `onClose()` Other Ports: N/A
3	Button	Input Port: `Disabled` Other Ports: N/A	Exit Port: `onClick()` Other Ports: N/A
4	Checkbox	Input Port: `Disabled` `Checked` Other Ports: N/A	Exit Port: `onChange()` Output Port: `Value` Other Ports: N/A
5	CircularProgress	N/A	Exit Port: `onChange()` Output Port: `Value` Other Ports: N/A
6	Dialog	N/A	Exit Port: `onClose()` `onClick()` `onBackdropClick()` Other Ports: N/A
7	Fab	Input Port: `Disabled` Other Ports: N/A	Exit Port: `onClick()` Other Ports: N/A
8	LinearProgress	Input Port: `Value` Other Ports: N/A	Exit Port: `onChange()` Output Port: `Value` Other Ports: N/A
9	Radio	Input Port: `Disabled` `Checked` Other Ports: N/A	Exit Port: `onChange()` Output Port: `Value` Other Ports: N/A
10	RadioGroup	N/A	Exit Port: `onChange()` Output Port: `Value` Other Ports: N/A
11	Select	N/A	Exit Port: `onChange()` `onClose()` `onOpen()` Output Port: `Value` Other Ports: N/A
12	Slider	Input Port: `Disabled` Other Ports: N/A	Exit Port: `onChange()` `onChangeCommitted()` Output Port: `Value` Other Ports: N/A
13	Snackbar	N/A	Exit Port: `onClose()` Other Ports: N/A
14	Switch	Input Port: `Disabled` `Checked` Other Ports: N/A	Exit Port: `onChange()` Output Port: `Value` Other Ports: N/A
15	Tab	Input Port: `Disabled` Other Ports: N/A	Exit Port: `onChange()` Output Port: `Value` Other Ports: N/A
16	TextField	Input Port: `Disabled` `Required` `Read-only` Other Ports: N/A	Exit Port: `onChange()` Output Port: `Value` Other Ports: N/A
17	ToggleButton	Input Port: `Disabled` `Selected` Other Ports: N/A	Exit Port: `onClick()` `onChange()` Output Port: `Value` Other Ports: N/A
18	ToggleButtonGroup	Input Port: `Disabled` Other Ports: N/A	Exit Port: `onChange()` Output Port: `Value` Other Ports: N/A
19	Tooltip	N/A	Exit Port: `onClose()` `onOpen()` Other Ports: N/A