Action Block

- slug: Action
  text:
    en: Submit Form
    fr: Soumettre le Formulaire
  type: event
  value: submitFormEvent
  payload:
    formId: contactForm
  disabled: "{{!formValid}}"
  confirm:
    label: Are you sure you want to submit?
    yesLabel: Submit
    noLabel: Cancel
  onInit: myInitBlockAction
  updateOn: myUpdateBlockAction
  css: |-
    :block {
      display: inline-flex;
      padding: 8px 16px;
      background-color: #4CAF50;
      color: white;
      border-radius: 4px;
      cursor: pointer;
    }
    :block[disabled] {
      opacity: 0.5;
      cursor: not-allowed;
    }