Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

With the stacked layout, you can arrange components vertically. This is the default layout for composite fields.

Code Block
languageyml
titleExample stacked layout definition
collapsetrue
composite:
  $type: compositeField
  label: Name
  layout: stacked
  fields:
    - name: salutation
      label: Salutation
      $type: select
      options:
        - name: Mr.
          value: Mr.
          label: Mr.
        - name: Mrs.
          value: Mrs.
          label: Mrs.
    - name: firstName
      $type: text
      label: First name
    - name: lastName
      $type: text
      label: Last name

Horizontal layout

With the horizontal layout, you can arrange components horizontally. To disable spacing between components, set the spacing property to false.

...