Bixby Developer Center

Guides
References

vbox

optionalmultiple allowed

Vertical box within an hbox that contains information for the user flexes in width depending on this content. You can choose the alignment of the items within the vbox and the styling.

Note

If you have a single vbox in a single hbox in order to align the text, you should probably use a title-area instead. At a minimum, each hbox should contain at least two vbox components.

You can loop the components within a vbox content container using a for-each loop.

Note

The look and feel of this Views component might differ between devices, specifically with respect to spacing. Mobile, tablet, and fridge devices are similar in design, for example, but have varying resolution and spacing specifications.

Design Considerations

Because this component is only a child of hbox, vbox has the same applicable moments:

You can find design specifications for this component in the Components Spec download under Design Resources.

Child Keys

content
optional
Layout container that holds informational content
grow
optional
Determines the relative column-width of the vbox compared to the other vbox keys in a given hbox
halign
optional
Horizontal alignment
hAlign[deprecated]
optional
This key is deprecated
valign
optional
Vertical alignment
vAlign[deprecated]
optional
This key is deprecated