Summary References web-appcustom-elementelement-attrelement-stateelement-flowglobal-stateimport-elementimport-scriptimport-styleis-visibleis-hiddenrepeat-list Elements trigger-eventlisten-event Flows set-attrset-stateset-timersend-eventhttp-requestrequest-headerrequest-bodyresponse-okresponse-failscripttrigger-element Actions Comparison OperatorsMutation OperatorsData Source Misc
Summary References web-appcustom-elementelement-attrelement-stateelement-flowglobal-stateimport-elementimport-scriptimport-styleis-visibleis-hiddenrepeat-list Elements trigger-eventlisten-event Flows set-attrset-stateset-timersend-eventhttp-requestrequest-headerrequest-bodyresponse-okresponse-failscripttrigger-element Actions Comparison OperatorsMutation OperatorsData Source Misc
References Table of Contents

This element tag is used to invoke an action of any selectors that has ref attribute within custom element. Only live inside a <element-flow> tag.

Only allowed one of native element event, e.g `click`, `input`, `change`, etc. [...native event] Attributes

Example

<custom-element name="my-element">
  <element-state name="content" type="string"></element-state>
  <element-flow>
    <trigger-event input="Input">
      <set-state name="content" value="$.target.value" from="event"></set-state>
    </trigger-event>
  </element-flow>
  <template>
    <input ref="Input" type="text" />
    <div>
      Content:
      <slot name="#content"></slot>
    </div>
  </template>
</custom-element>

<my-element></my-element>
Flow: trigger-event