ContainerImage.WendyUI/stage.yaml

id: stage
type: PageHeaderMenu
properties:
  title: Stage

layout:
  contentJustify: center

areas:
  content:
    blocks:
      - id: content
        type: Card
        layout:
          size: 800
          contentGutter: 5
        blocks:
          - id: title
            type: Title
            layout:
              grow: 1
            properties:
              content: Stage
          - id: leftcolumn
            type: Box
            layout:
              span: 5
            blocks:
              - id: foo
                required: true
                type: TextInput
                properties:
                  block: true
                  title: Foo
                  placeholder: Bar
                  label:
                    colon: false
                    extra: Lorem ipsum; yada yada
                    span: 3
              - id: woot
                required: true
                type: TextInput
                properties:
                  block: true
                  title: Woot
                  placeholder: Sweet
                  label:
                    colon: false
                    extra: Dude!
                    span: 3
          - id: rightcolumn
            type: Box
            layout:
              span: 5
            blocks:
              - id: alpha
                required: true
                type: TextInput
                properties:
                  block: true
                  title: Alpha
                  placeholder: Beta
                  label:
                    colon: false
                    extra: Gamma
                    span: 3
              - id: kappa
                required: true
                type: TextInput
                properties:
                  block: true
                  title: Kappa
                  placeholder: Lambda
                  label:
                    colon: false
                    extra: Mu
                    span: 3

          - id: reset_button
            type: Button
            layout:
              grow: 1
            properties:
              title: Reset
              icon: ClearOutlined
              block: true
              type: default
            events:
              onClick:
                - id: reset
                  type: reset()
          - id: start_download
            type: Button
            layout:
              grow: 3
            properties:
              title: Download
              icon: CloudDownloadOutlined
              block: true