Group

Group can be imagined like a box that often used to group a series of components together in order to justify the position or size of components.

Usage

Group is always used with Flex Concept to organize the position and size a component. As the example below, it invloves three group which are the outside group and two inside group. We then Set Style to the outside group to set Flex direction as Row and Set Style to two inside group with Flex:1 and Flex:2 corresponding.

Action [Created]

Simply click the action you want to define and drag components inside.

Created:

Mostly used to define further UI design of the Group.

Properties

Simply click a gear on the right hand corner of related "Group" component to edit the properties

Scrollable [Yes | No] - Scrollable determines whether the group can be scrolled.