Bixby Developer Center

Determines the relative column-width of the vbox compared to the other vbox keys in a given hbox. Based off the flex-grow CSS property, you can specify one of these settings:

• 0 - The default.
• 1
• 2
• 3
• 4
• 5

The larger the number, the more space that vbox takes in a given hbox.

Example

Consider three vbox keys per hbox, whose relative widths are 3:1:2:

hbox {
  content {
    vbox {
      grow (3)
      content {
        text {
          value (Flour)
        }
      }
    }
    vbox {
      grow (1)
      content {
        text {
          value (3 cups)
        }
      }
    }
    vbox {
      grow (2)
      content {
        text {
          value (600 g)
        }
      }
    }
  }
}

Here is how the content would display: