​
Overview

The Frontend Element Node connects your workflows to frontend UI elements. It detects elements in your frontend code and triggers workflows based on user interactions.

​
Required Configuration

​
UI Element

Must select from detected frontend elements in your application.

​
Configuration Based on Usage

​
For Queries (Display Data)

  • UI Element - Select the frontend element to display data
  • Event Type - Not required for queries
  • Variables - Not needed for data display

​
For Mutations/Actions (Trigger Actions)

  • UI Element - Select the frontend element that triggers the action
  • Event Type - Required (onClick, onSubmit, onChange, etc.)
  • Variables - Select which variables to pass to the mutation or action

​
Notes

  • Node automatically detects UI elements from your frontend code
  • For queries: Only frontend element selection needed
  • For mutations: Event trigger and variable selection required

Query Node

Fetch data triggered by UI interactions

Mutation Node

Save data from user interactions