Pop-up form

Introduction

The PopupForm allows you to open a form upon clicking on a button to enter different values.

With the PopupForm you can,

• Change model inputs by subscribing the model to the PopupForm.
• Display success/warning messages at the bottom of the form to indicate whether the model solved successfully.

💡 The order of controls in your pop-up form configuration directly relates to the order of displayed text and inputs in the solution.

Below is the configuration example. (Note that some content has been omitted.)

  my-popup-form:
    kind: PopupForm
    inputs:
      my-input:
        kind: TextArea
        label: My Label
        required: false # OPTIONAL
        placeholder: Type something. # OPTIONAL
      my-submit-button:
        kind: SubmitButton
        text: Submit

Schema

See the form schema docs for more information.