Page History

...

layout:
  $type: tabbedLayout
  tabs:
    personal:
      fields:
        - name: salutation
        - name: firstName
        - name: lastName
    details:
      fields:
        - name: email
        - name: phone
    address:
      fields:
        - name: streetAddress
        - name: postalCode
        - name: city
        - name: country

Editor action layout

With the editor action layout, you can define an action area in content apps. This is the default layout for dialog footers with predefined primary and secondary actions.

Stacked layout

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

Horizontal layout

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

...