1# This is a bit of a contrived example.
2# Add a column with minimal contents into a box, and align the box contents to
3# the bottom. If the column didn't have a height, it would just wrap its
4# contents and draw them at the bottom of the box. If the column has a height
5# then it will start placing elements from the top of the column, hence the
6# contents will be inset from the bottom of the parent box.
7box {
8  width {
9    expanded_dimension {}
10  }
11  height {
12    expanded_dimension {}
13  }
14  vertical_alignment {
15    value: VERTICAL_ALIGN_BOTTOM
16  }
17  modifiers {
18    background {
19      color {
20        argb: 0xFFFF0000
21      }
22    }
23  }
24  contents {
25    column {
26      height {
27        linear_dimension {
28          value: 100
29        }
30      }
31      contents {
32        text {
33          text {
34            value: "Hi"
35          }
36        }
37      }
38      contents {
39        text {
40          text {
41            value: "World"
42          }
43        }
44      }
45    }
46  }
47}
48