TComponents

Function to be called when button is pressed

Path to image file

Button text

Button text color

Button background color

Button border style

Button border radius

Function to be called when pointer is released

Function to be called when pointer is pressed down

Tooltip text for the button

Font properties for the button text This object controls text appearance:

• fontSize (number, default: 12): Font size in pixels.
• fontFamily (string, default: 'Segoe UI'): Font family name.
• style (object): Font style configuration, containing fontStyle, fontWeight, textDecoration.

Additional options for the button Items in this object include:

• responsive (boolean, default: false): Whether the button is responsive

Function to be called when the button is created

Function to be called when the button is mounted

Configuration object for component functionality. This object contains settings to control the component's behavior:

• type (string): Defines the specific type of functionality to enable.
• params (string): Additional parameters or arguments required by the functionality type.
• isHidden (boolean, default: false): If true, the functionality is visually hidden from the user interface.

CSS position property, default is 'static'

Button width in pixels, default is 100

Button height in pixels, default is 32

Button top position in pixels, default is 0

Button left position in pixels, default is 0

Button rotation in degrees, default is 0

Button z-index, default is 0

Size style template

Style template

Default state of the button, default is 'show_enable'

Data structure associated with the button

Additional options for the component Items in this object include:

• responsive (boolean, default: false): Whether the checkbox group should be responsive

Tooltip text for the component

Function to be called when the component is created

Function to be called when the component is mounted

Function to be called when checkbox state changes

CSS position property

Width of the component

Height of the component

Top position of the component

Left position of the component

Rotation angle of the component

Z-index of the component

Invalid attribute. Border radius of the component.

Text color of the component

Font properties of the component This object controls text appearance:

• fontSize (number, default: 12): Font size in pixels.
• fontFamily (string, default: 'Segoe UI'): Font family name.
• style (object): Font style configuration, containing fontStyle, fontWeight, textDecoration.

Formatted string representing the checkbox options

Configuration for dynamic options This object controls how options are provided:

• mode (string, default: 'fixed'): Options mode, e.g. 'fixed', 'sync', 'initialize'
• type (string): Data source type
• isHidden (boolean, default: false): Whether the option configuration is hidden
• variablePath (string): Path of the variable used for dynamic options

Default state of the component

Data structure associated with the component

Additional options for the checkbox component Items in this object include:

• responsive (boolean, default: false): Whether the checkbox should be responsive

Function to be called when the component is created

Function to be called when the component is mounted

Function to be called when checkbox state changes

CSS position property

Top position in pixels

Left position in pixels

Border radius of the component

Rotation of the component in degrees

Z-index of the component

Checkbox text

Checkbox value

Invalid attribute.

Color of the checkbox text

Font settings for the checkbox text This object controls text appearance:

• fontSize (number, default: 12): Font size in pixels.
• fontFamily (string, default: 'Segoe UI'): Font family name.
• style (object): Font style configuration, containing fontStyle, fontWeight, textDecoration.

Data binding configuration This object configures the bound input variable:

• type (string): Input variable type. Default is Component_A.INPUTVAR_TYPE.BOOL
• func (string): Binding behavior. Default is Component_A.INPUTVAR_FUNC.CUSTOM
• value (*): Initial bound value, default is 0
• isHidden (boolean, default: false): Whether the variable is hidden

Whether the checkbox is enabled

Checked state of the checkbox

Data structure name for binding

Label text

Label position: "top|bottom|left|right|top-center|bottom-center"

A set of options to modify the behaviour of the component

• async : if true, the subcomponents are instantiated asynchronously and onRender is executed inmediatelly without waiting for the subcomponents to finish.

If true, the container will have a box around it

Width of the container. Default value is “auto”.

Height of the container. Default value is “auto”.

Additional class names to be added to the container. It can be a string, e.g. 'flex-row items-start justify-start', or an array of strings, e.g. ['flex-row', 'items-start', 'justify-start']

Name of container (optional). For instance, if container is part of a layout, the name of the prop corresponding to the container shall be given further to the container. The name will be then exposed in the DOM element as data-name attribute.

Additional options for the dropdown component Items in this object include:

• responsive (boolean, default: false): Whether the dropdown should be responsive

Tooltip text for the component

Function to be called when the component is created

Function to be called when the component is mounted

Function to be called when dropdown value is changed

CSS position property

Width of the component

Height of the component

Top position of the component

Left position of the component

Border radius of the component

Rotation angle of the component

Z-index of the component

Prefix icon for the dropdown

Dropdown text

Text color of the dropdown

Background color of the dropdown

Font settings for the dropdown text This object controls text appearance:

• fontSize (number, default: 16): Font size of the displayed text
• fontFamily (string, default: 'Arial'): Font family of the displayed text
• style (object): Font style configuration, containing fontStyle, fontWeight, textDecoration
• textAlign (string, default: 'center'): Text alignment inside the dropdown

Options for the dropdown in the format text1|value1;\\ntext2|value2;\\ntext3|value3

Configuration for dynamic options This object controls how options are provided:

• mode (string, default: 'fixed'): Options mode, e.g. 'fixed' or 'variable'
• type (string): Data source type
• isHidden (boolean, default: false): Whether the option configuration is hidden
• variablePath (string): Path of the variable used for dynamic options

Icon configuration for each option

Action configuration for each option

Default state of the component

Whether to show the dropdown arrow

Data structure associated with the component

Configuration options for the placeholder component. Items in this object include:

• responsive (boolean, default: false): Whether the placeholder should be responsive.

CSS position property.

Width of the component.

Height of the component.

Top position of the component.

Left position of the component.

Z-index of the component.

Border style of the component.

Border radius of the component.

Background color of the component.

Layout configuration for the placeholder content. This object controls how child components are arranged:

• children (string[]): Identifiers of child components inside the placeholder.
• row (boolean, default: true): Whether to arrange children in a row.
• box (boolean, default: false): Whether to use box layout.
• width (string, default: '100%'): Content width.
• height (string, default: '100%'): Content height.
• classNames (string[]): Extra class names applied to the content container.

Additional mapped child components.

Function to be called when the component is created.

Function to be called when the component is mounted.

Additional options for the hamburger component. Items in this object include:

• responsive (boolean, default: false): Whether the hamburger should be responsive.

Tooltip text for the component.

Lifecycle hook invoked after component instantiation.

Lifecycle hook invoked after component is attached to the DOM.

CSS position property.

Width of the menu container.

Height of the menu container.

Top offset in pixels.

Left offset in pixels.

Border radius in pixels.

Rotation in degrees.

CSS z-index.

CSS border shorthand.

CSS text color.

CSS background color.

Font configuration. This object controls text appearance:

• fontSize (number, default: 12): Font size in pixels.
• fontFamily (string, default: 'Segoe UI'): Font family name.
• style (object): Font style configuration, containing fontStyle, fontWeight, textDecoration.

Preset size key for the component.

Key of a style template to apply.

Whether to reserve space for the title.

Title displayed next to the hamburger icon when the menu is opened.

Whether the hamburger menu stays visible even when closed.

Zero-based index of the currently active view.

Callback triggered when the active view changes.

Whether to display an icon alongside each view label.

Array of view objects to populate the menu.

Default state of the component.

Whether to expand the height to the parent's bottom.

Additional options for the image component. Items in this object include:

• responsive (boolean, default: false): Whether the image should be responsive.

Function to be called when the component is created.

Function to be called when the component is mounted.

Path to the image file.

Visual style configuration for the image. This object controls how the image is rendered:

• objectFit (string, default: 'contain'): How the image should fit inside its container.
• opacity (number, default: 1.0): Opacity of the image, from 0 to 1.

Function to be called when the image is clicked.

CSS position property.

Width of the component.

Height of the component.

Top position of the component.

Left position of the component.

Z-index of the component.

Rotation angle of the component.

Border radius of the component.

Default state of the component.

Additional options for the input component. Items in this object include:

• responsive (boolean, default: false): Whether the input should be responsive.

Tooltip text for the component.

Function to be called when the component is created.

Function to be called when the component is mounted.

CSS position property.

Width of the component.

Height of the component.

Top position of the component.

Left position of the component.

Border radius of the component.

Rotation angle of the component.

Z-index of the component.

Border style of the input field.

Text color of the input field.

Background color of the input field.

Size style template of the component.

Font settings for the input text. This object controls text appearance:

• fontSize (number, default: 12): Font size in pixels.
• fontFamily (string, default: 'Segoe UI'): Font family name.

Set to true to use the input field only for displaying values.

Whether to draw a border around the value.

Regular expression configuration for validation. This object defines validation behavior:

• label (string, default: 'no regex'): Description of the regex rule.
• value (string): Regex pattern used to validate the input.

Initial value of the input field.

Configuration object for input variable binding. This object configures the bound input variable:

• type (string): Input variable type. Default is Component_A.INPUTVAR_TYPE.ANY.
• func (string): Binding behavior. Default is Component_A.INPUTVAR_FUNC.CUSTOM.
• value (string): Initial bound value.
• isHidden (boolean, default: false): Whether the variable is hidden.

Function to be called when the input value changes.

Description text shown in the keyboard helper.

Default state of the component.

Data structure associated with the component.

Options for the layout infobox component. Items in this object include:

• responsive (boolean, default: false): Whether the infobox should be responsive.

Tooltip text for the component.

Function to be called when the component is created.

Function to be called when the component is mounted.

CSS position property.

Width of the component.

Height of the component.

Top position of the component.

Left position of the component.

Z-index of the component.

Border radius of the component.

Rotation angle of the component.

Text color of the component.

Background color of the component.

Whether to display the title area.

Title of the infobox.

Font settings for the title text. This object controls text appearance:

• fontSize (number, default: 12): Font size in pixels.
• fontFamily (string, default: 'Segoe UI'): Font family name.
• style (object): Font style configuration, containing fontStyle, fontWeight, textDecoration.
• textAlign (string, default: 'left'): Text alignment of the title.

Whether to draw a border around the infobox.

Border style of the infobox.

Props to be passed to the internal content container. This object controls how child components are arranged:

• children (string[]): Identifiers of child components inside the infobox.
• row (boolean, default: true): Whether to arrange children in a row.
• box (boolean, default: false): Whether to use box layout.
• width (string, default: '100%'): Content width.
• height (string, default: '100%'): Content height.
• classNames (string[]): Extra class names applied to the content container.

Default state of the component.

Whether to expand the height to the parent's bottom.

Additional options for the menu component. Items in this object include:

• responsive (boolean, default: false): Whether the menu should be responsive.

Lifecycle hook invoked after component instantiation.

Lifecycle hook invoked after component is attached to the DOM.

CSS position property.

Width of the menu container.

Height of the menu container.

Top offset in pixels.

Left offset in pixels.

Border radius in pixels.

Rotation in degrees.

CSS z-index.

CSS border shorthand.

CSS text color.

CSS background color.

Font configuration. This object controls text appearance:

• fontSize (number, default: 12): Font size in pixels.
• fontFamily (string, default: 'Segoe UI'): Font family name.
• style (object): Font style configuration, containing fontStyle, fontWeight, textDecoration.

Preset size key for the component.

Key of a style template to apply.

Whether to reserve space for the title.

Title displayed for the menu.

Zero-based index of the currently active view.

Callback triggered when the active view changes.

Whether to display an icon alongside each view label.

Array of view objects to populate the menu.

Default state of the component.

Function to be called when the page is created.

Function to be called when the page is mounted.

CSS position property of the page.

Width of the page.

Height of the page.

Top offset of the page.

Left offset of the page.

Z-index of the page.

Background color of the page.

Unique identifier for the page.

Name of the page.

Child components of the page.

Additional options for the pdf component. Items in this object include:

• responsive (boolean, default: false): Whether the pdf container should be responsive.

Lifecycle hook invoked after component instantiation.

Lifecycle hook invoked after component is attached to the DOM.

CSS positioning of the element.

Component width.

Component height.

Top offset in pixels.

Left offset in pixels.

Rotation angle in degrees for visual transform.

Corner radius in pixels.

z-index stacking order.

The source location of the pdf component.

Message displayed when the content is empty.

Additional options for the radio component. Items in this object include:

• responsive (boolean, default: false): Whether the radio group should be responsive.

Tooltip text for the component.

Function to be called when the component is created.

Function to be called when the component is mounted.

Callback function that is called when the selected radio option changes.

CSS position property.

Width of the component.

Height of the component.

Top position of the component.

Left position of the component.

Rotation angle of the component.

Z-index of the component.

Configuration object for component functionality. This object contains settings to control the component's behavior:

• types (Array): A list of functionality types enabled for the component.
• params (Array

Text color of the component.

Font settings for the radio labels. This object controls text appearance:

• fontSize (number, default: 12): Font size in pixels.
• fontFamily (string, default: 'Segoe UI'): Font family name.
• style (object): Font style configuration, containing fontStyle, fontWeight, textDecoration.

Radio options in the format text1|value1;text2|value2;text3|value3.

Configuration for dynamic radio options. This object controls how options are provided:

• mode (string, default: 'fixed'): Options mode, e.g. 'fixed', 'sync', 'initialize'.
• type (string): Type of the options data source.
• isHidden (boolean, default: false): Whether this option configuration is hidden.
• variablePath (string): Variable path used when options are dynamic.

Initial state of the component.

Current selected option value, corresponds to the value field in optionItems.

Index of the initially selected option, -1 means no option is selected.

Input variable binding configuration. This object configures the bound input variable:

• type (string): Binding variable type. Default is Component_A.INPUTVAR_TYPE.ANY.
• func (string): Binding mode. Default is Component_A.INPUTVAR_FUNC.CUSTOM.
• value (string): Initial value or variable path used for binding.
• isHidden (boolean, default: false): Whether this binding is hidden in variable selectors.

Data structure associated with the component.

Additional options for the select component. Items in this object include:

• responsive (boolean, default: false): Whether the select should be responsive.

Tooltip text for the component.

Function to be called when the component is created.

Function to be called when the component is mounted.

Callback function that is called when the selected option changes.

CSS position property.

Width of the component.

Height of the component.

Top position of the component.

Left position of the component.

Border radius of the component.

Rotation angle of the component.

Z-index of the component.

Configuration object for component functionality. This object contains settings to control the component's behavior:

• types (Array): A list of functionality types enabled for the component.
• params (Array

Size style template for the component.

Position of the label relative to the select component.

Placeholder text shown when no option is selected.

Font color of the selected text.

Font configuration for the selected text. This object controls text appearance:

• fontSize (number, default: 12): Font size in pixels.
• fontFamily (string, default: 'Segoe UI'): Font family name.
• style (object): Font style configuration, containing fontStyle, fontWeight, textDecoration.
• textAlign (string, default: 'left'): Text alignment of the text.

CSS border style of the select element.

Invalid attribute.

Options list in the format text1|value1;\\ntext2|value2;\\ntext3|value3.

Configuration for dynamic options. This object controls how options are provided:

• mode (string, default: 'fixed'): Options mode, e.g. 'fixed', 'sync', 'initialize'.
• type (string): Type of the options data source.
• isHidden (boolean, default: false): Whether this option configuration is hidden.
• variablePath (string): Variable path used when options are dynamic.
• sync (boolean, default: true): Whether to synchronize the options with the data source.

Current selected option value, corresponds to the value field in optionItems.

Index of the initially selected option.

Input variable binding configuration. This object configures the bound input variable:

• type (string): Binding variable type. Default is Component_A.INPUTVAR_TYPE.ANY.
• func (string): Binding mode. Default is Component_A.INPUTVAR_FUNC.CUSTOM.
• value (string): Initial value or variable path used for binding.
• isHidden (boolean, default: false): Whether this binding is hidden in variable selectors.

Initial state of the component.

Data structure associated with the component.

Additional options for the digital LED component. Items in this object include:

• responsive (boolean, default: false): Whether the component should be responsive.

Tooltip text for the component.

Function to be called when the component is created.

Function to be called when the component is mounted.

CSS position property.

Width of the component.

Height of the component.

Top position of the component.

Left position of the component.

Rotation angle of the component.

Z-index of the component.

Invalid attribute. Border radius of the component.

The color of the digital LED component.

Size style template of the component.

Font settings for the digital LED component. This object controls text appearance:

• fontSize (number, default: 20): Font size of the displayed text.
• fontFamily (string, default: 'Segoe UI'): Font family of the displayed text.

The text value displayed by the digital LED component.

Configuration object for input variable binding. This object configures the bound input variable:

• type (string): Input variable type. Default is Component_A.INPUTVAR_TYPE.BOOL.
• func (string): Binding behavior. Default is Component_A.INPUTVAR_FUNC.CUSTOM.
• value (string): Initial bound value, default is '0'.
• isHidden (boolean, default: false): Whether the variable is hidden.

Please use onClick, the change event will be deprecated soon. A string representing a function to be called when the signal changes its state.

A string representing a function to be called when the component is clicked.

Indicates whether the digital LED component is read-only.

The default state of the component when initialized.

The alignment of the digital LED component within its container.

The data structure associated with the component.

General options for the slider behavior. Items in this object include:

• responsive (boolean, default: false): Whether the slider width should adapt to the container width.

Tooltip text for the component.

Function to be called when the component is created.

Function to be called when the component is mounted.

Callback function that is called when the pointer is released after dragging the slider.

Callback function that is called while the pointer is dragging the slider.

CSS position property.

Width of the component.

Height of the component.

Top position of the component.

Left position of the component.

Border radius of the component.

Rotation angle of the component.

Z-index of the component.

Font color of the description label.

Font configuration for the description label. This object controls text appearance:

• fontSize (number, default: 14): Font size in pixels.
• fontFamily (string, default: 'Segoe UI'): Font family name.
• style (object): Font style configuration, containing fontStyle, fontWeight, textDecoration.

Font color of the min/max range values.

Font configuration for the min/max range values. This object controls range text appearance:

• fontSize (number, default: 12): Font size in pixels.
• fontFamily (string, default: 'Segoe UI'): Font family name.
• style (object): Font style configuration, containing fontStyle, fontWeight, textDecoration.

Background color of the slider container.

CSS border style of the slider container.

Whether to display the description label.

Text content of the description label.

Whether to display the current value label.

Current value of the slider.

Minimum value of the slider range.

Maximum value of the slider range.

Whether the slider is enabled and interactive.

Color of the active (filled) part of the slider track.

Color of the inactive part of the slider track.

Whether to display tick marks along the track.

Step between tick marks and value increments.

Initial state of the component.

Additional options for the switch component. Items in this object include:

• responsive (boolean, default: false): Whether the switch should be responsive.

Tooltip text for the component.

Function to be called when the component is created.

Function to be called when the component is mounted.

CSS position property.

Width of the component.

Height of the component.

Top position of the component.

Left position of the component.

Rotation angle of the component.

Z-index of the component.

Invalid attribute. Border radius of the component.

Text value bound to the switch state.

Input variable binding configuration. This object configures the bound input variable:

• type (string): Binding variable type. Default is 'bool'.
• func (string): Binding mode. Default is 'custom'.
• value (string): Initial value or variable path used for binding.
• isHidden (boolean, default: false): Whether this binding is hidden in variable selectors.

Function to be called when the switch state changes.

Indicates whether the switch is read-only.

Initial state of the component.

Alignment of the switch inside its container.

Custom data structure metadata for integration with other systems.

Additional options for the tab component. Items in this object include:

• responsive (boolean, default: false): Whether the tab container should be responsive.

Tooltip text for the component.

Lifecycle hook invoked after component instantiation.

Lifecycle hook invoked after component is attached to the DOM.

CSS positioning of the element.

Component width.

Component height.

Top offset in pixels.

Left offset in pixels.

Rotation angle in degrees for visual transform.

Corner radius in pixels.

z-index stacking order.

Primary color for text and icons.

Background color for the content area.

Font configuration object containing size, family and style settings. This object controls text appearance:

• fontSize (number, default: 12): Font size in pixels used for labels and text.
• fontFamily (string, default: 'Segoe UI'): Font family name for text rendering.
• style (object): Font style object, containing fontStyle, fontWeight, textDecoration.

Preset size key for the component.

Position of the tabs relative to content ('top' | 'bottom' | 'left' | 'right').

Key of a style template to apply.

Zero-based index of the currently active tab.

Callback when the active tab changes.

Whether to show each tab’s icon.

Array of view items to render as tabs.

Default state of the component.

Whether to expand the height to the parent's bottom.

Additional options for the table component. Items in this object include:

• responsive (boolean, default: false): Whether the table should be responsive.

Tooltip text for the component.

Function to be called when the component is created.

Function to be called when the component is mounted.

Function to be called when a table row is clicked.

Function to be called when a table cell is clicked.

Function to be called when a table row is double-clicked.

Function to be called when a table cell is double-clicked.

CSS position property.

Width of the component.

Height of the component.

Top position of the component.

Left position of the component.

Border radius of the component.

Rotation angle of the component.

Z-index of the component.

Configurations for the table data. This object defines the table content:

• columns (Array
• data (Array<Array>): Table row data, each row is an array of cell values.
• params (object): Dynamic data configuration containing mode, type, isHidden, variablePath.

Font color of the header row.

Background color of the header row.

Font color of the body rows.

Background color of the body rows.

Font configuration for the header row. This object controls header text appearance:

• fontSize (number, default: 24): Font size in pixels.
• fontFamily (string, default: 'Segoe UI'): Font family name.
• style (object): Font style configuration, containing fontStyle, fontWeight, textDecoration.

Font configuration for the body rows. This object controls body text appearance:

• fontSize (number, default: 16): Font size in pixels.
• fontFamily (string, default: 'Segoe UI'): Font family name.
• style (object): Font style configuration, containing fontStyle, fontWeight, textDecoration.

Border style of the table.

Default state of the component.

Identifier of the selected row.

Identifier of the selected cell.

Custom data structure metadata for integration with other systems.

Additional options for the text component. Items in this object include:

• responsive (boolean, default: false): Whether the text component should be responsive.

Tooltip text for the component.

Function to be called when the text component is created.

Function to be called when the text component is mounted.

Type of the text content, e.g. 'body', 'header' or 'description'.

Text content to display.

Background color of the text area.

CSS position property.

Width of the component.

Height of the component.

Top position of the component.

Left position of the component.

Border radius of the component.

Rotation angle of the component.

Z-index of the component.

Text color.

Font configuration for the text. This object controls text appearance:

• fontSize (number, default: 12): Font size in pixels.
• fontFamily (string, default: 'Segoe UI'): Font family name.
• style (object): Font style configuration, containing fontStyle, fontWeight, textDecoration.
• textAlign (string, default: 'left'): Text alignment of the text.

Default state of the component.

Custom data structure metadata for integration with other systems.

Additional options for the toggle component. Items in this object include:

• responsive (boolean, default: false): Whether the toggle group should be responsive.

Tooltip text for the component.

Function to be called when the toggle component is created.

Function to be called when the toggle component is mounted.

Function to be called when the toggle state changes.

CSS position property.

Width of the component.

Height of the component.

Top position of the component.

Left position of the component.

Rotation angle of the component.

Z-index of the component.

Text color of the toggle items.

Font configuration for the toggle labels. This object controls text appearance:

• fontSize (number, default: 12): Font size in pixels.
• fontFamily (string, default: 'Segoe UI'): Font family name.
• style (object): Font style configuration, containing fontStyle, fontWeight, textDecoration.

Background color of the toggled items.

Whether to allow multiple selections.

Formatted string representing the toggle options.

Configuration for dynamic options. This object controls how options are provided:

• mode (string, default: 'fixed'): Options mode, e.g. 'fixed', 'sync', 'initialize'.
• type (string): Type of the options data source.
• isHidden (boolean, default: false): Whether this option configuration is hidden.
• variablePath (string): Variable path used when options are dynamic.

Icon configuration for each option.

Action configuration for each option.

Default state of the component.

Additional options for the VarIncrDecr component. Items in this object include:

• responsive (boolean, default: false): Whether the component should be responsive.

Tooltip text for the component.

Function to be called when the component is created.

Function to be called when the component is mounted.

CSS position property.

Width of the component.

Height of the component.

Top position of the component.

Left position of the component.

Border radius of the component.

Rotation angle of the component.

Z-index of the component.

Border style of the component.

Text color of the variable field.

Size style template of the component.

Font configuration for the variable value. This object controls text appearance:

• fontSize (number, default: 12): Font size in pixels.
• fontFamily (string, default: 'Segoe UI'): Font family name.

If true, the value is displayed and can only be changed by increment/decrement.

Whether to draw a border around the variable field.

Regular expression configuration for validation. This object defines validation behavior:

• label (string, default: 'Number'): Description of the regex rule.
• value (string): Regex pattern used to validate the input.

Initial text value bound to the variable.

Input variable binding configuration. This object configures the bound input variable:

• type (string): Binding variable type.
• func (string): Binding mode.
• value (string): Initial value or variable path used for binding.
• isHidden (boolean, default: false): Whether this binding is hidden in variable selectors.

Callback function when the value changes.

Description text shown in the keyboard helper.

Increment/decrement step applied on each button click.

Numeric range configuration. This object controls allowed value range:

• min (number|null): Minimum allowed value.
• max (number|null): Maximum allowed value.

Default state of the component.

Custom data structure metadata for integration with other systems.

General options for the slider behavior. Items in this object include:

• responsive (boolean, default: false): Whether the slider width should adapt to the container width.

Tooltip text for the component.

Function to be called when the component is created.

Function to be called when the component is mounted.

Callback function that is called when the pointer is released after dragging the slider.

Callback function that is called while the pointer is dragging the slider.

CSS position property.

Width of the component.

Height of the component.

Top position of the component.

Left position of the component.

Border radius of the component.

Rotation angle of the component.

Z-index of the component.

Font color of the description label.

Font configuration for the description label. This object controls text appearance:

• fontSize (number): Font size in pixels.
• fontFamily (string): Font family name.
• style (object): Font style configuration, containing fontStyle, fontWeight, textDecoration.

Font color of the min/max range values.

Font configuration for the min/max range values. This object controls range text appearance:

• fontSize (number): Font size in pixels.
• fontFamily (string): Font family name.
• style (object): Font style configuration, containing fontStyle, fontWeight, textDecoration.

Background color of the slider container.

CSS border style of the slider container.

Whether to display the description label.

Text content of the description label.

Whether to display the current value label.

Current value of the slider.

Minimum value of the slider range.

Maximum value of the slider range.

Whether the slider is enabled and interactive.

Color of the active (filled) part of the slider track.

Color of the inactive part of the slider track.

Whether to display tick marks along the track.

Step between tick marks and value increments.

Input variable binding configuration used in VarSlider. This object configures the bound input variable:

• type (string): Binding variable type. Default is 'group'.
• func (string): Binding mode. Default is 'custom'.
• value (number|string): Initial value or variable path used for binding.
• isHidden (boolean, default: false): Whether this binding is hidden in variable selectors.

Value that is parsed and written into the slider value in VarSlider.

Initial state of the component.

Custom data structure metadata for integration with other systems.

The ID of the view.

Name of the view.

Icon associated with the view.

Content to display in the view. The value should be a string when passed via props, but null or an HTMLElement when used in component_a's views property.

Child components.