Bixby Developer Center

Guides
References

grow

optionalvalue optional

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:

vbox with a 3:1:2 relative widths

Child Keys

value
optional
A value that matches one of the valid enumerated options of its parent key