Row layout

Explanation on how to configure row-based layouts.

Row layouts are based on the number of rows and their heights.

The example below shows how to configure this type of layout.

layout:
  kind: RowLayout
  heights:
    - 2fr
    - 1fr
  areas:
    - area1
    - area2

💡 The heights can be defined with different grid size types .