Layout

Forms are organized by sections. The first section is expanded by default, and each section after is collapsed. When users expand a section, the other sections automatically collapse. Use sections to organize your configuration options and use the visible option to control when to show or hide the section from the user. For example:

sections:
- key: login
  label: Login
  properties:
    - successful
  elements:
    - ...
- key: lists
  label: Import Lists
  visible:
    key: login.successful
    equals: true
  elements:
    - ...

This form only displays the Import Lists section after the user has completed the Login and the app has set the login.successful property to true. You can use visibility to enforce a workflow much like a wizard.