For many components, a label attribute is available, which place a label in front of the according component. With the labelLayout you can adjust this label. The following examples use an input field to show, how this works.
label
labelLayout
Tag Library Documentation: <tc:in/> | <tc:flowLayout/> | <tc:flexLayout/> | <tc:segmentLayout/>
If the labelLayout is not set, the value is 'flexLeft' by default.
The value 'none' has the same effect as just not set the label attribute.
The labelLayout is set to 'top'.
The segment layout is divided in two columns. The right one is three times bigger. The 'segmentLeft' and 'segmentRight' put the label in the left or in the right column.