A tree-select widget captures user inputs from a specified list of permitted options in which each option can then have child options associated with it.
It lets you set labels and values for different items/options in the list of the tree select widget. Options must be specified as an array of objects with a label and value property. The tree structure can be added to any option by adding the children field that should be an object.
Sets a default option that will be captured as user input unless the user changes it.
When turned on, it makes a user input required and disables any form submission until the user makes an input.
Controls widget's visibility on the page. When turned off, the widget will not be visible when the app is published
Disables input/selection to the widget. The widget will remain visible to the user but user input/selection will not be allowed.
Control’s widget’s loading animation on the page. When turned off, the widget will load without any skeletal animation. This can be controlled with JS until all the widgets are rendered.
Clear all Selections
When turned on, it allows users to clear the selection, which was the default or the selection made by them.
Expand all by default
It shows a dropdown in an expanded state when turned on, revealing all the children options.
This is the value of the option displayed in a Single Select dropdown. It changes if the default value of the dropdown changes or the user selects an option.
This is the Label of the option displayed in a Tree-Select dropdown. This label changes if the default value of the dropdown changes or the user changes an option selection.
Sets the action to be run when the user selects/unselects an option. See a list of supported actions.