Skip to main content

Parent Component Object

This node accesses the state object of the parent component.

The Parent Component Object node allows a child component to read or write data from its container.

The Parent Component Object node allows for communication up the component tree. A child component can use this to access properties defined in the Component Object node of its parent.

Inputs

Properties

DataDescription
PropertiesA comma-separated list of property names to access from the parent.

Property Values

DataDescription
*Dynamic inputs. Setting a value here updates the parent's state.

Actions

SignalDescription
FetchManually refreshes values.

Outputs

Property Values

DataDescription
*Dynamic outputs reading from the parent's state.

Changed Events

SignalDescription
* ChangedTriggered when the parent's property changes.

Usage

Use this for tight coupling between a container and its children, such as a "Tab Group" (Parent) and "Tab Button" (Child).

Example: Tab System

  1. Parent (Tab Group): Has a Component Object with property activeTab.
  2. Child (Tab Button): Has a Parent Component Object accessing activeTab.
  3. Child Logic:
    • Reads activeTab to decide if it should look "active".
    • Writes to activeTab when clicked to switch tabs.

Detailed Behavior

  • Tree Traversal: It searches up the visual tree to find the nearest ancestor that has a Component Object defined.
  • Shared State: Multiple children accessing the same parent object share the same state.

Troubleshooting

  • No Parent Found: If the component is used at the root level or the parent has no Component Object, this node will not work.