<mvc:View xmlns="sap.m" xmlns:mvc="sap.ui.core.mvc">
	<VBox class="sapUiSmallMargin">
		<Label labelFor="rbg1" text="An example with 'matrix' layout" />
		<RadioButtonGroup id="rbg1" columns="3" width="100%" class="sapUiMediumMarginBottom">
			<RadioButton id="RB1-1" text="Long Option Number 1" />
			<RadioButton id="RB1-2" text="Option 2" enabled="false" />
			<RadioButton id="RB1-3" text="Nr. 3" editable="false" />
			<RadioButton id="RB1-4" text="Long Option 4" />
			<RadioButton id="RB1-5" text="Option 5" />
			<RadioButton id="RB1-6" text="Nr. 6" />
		</RadioButtonGroup>
		<Label labelFor="rbg2" text="An example with 3 buttons and 2 columns" />
		<RadioButtonGroup id="rbg2" columns="2" selectedIndex="2" class="sapUiMediumMarginBottom">
			<RadioButton id="RB2-1" text="Option 1" />
			<RadioButton id="RB2-2" text="Option 2" editable="false" />
			<RadioButton id="RB2-3" text="Option 3" />
		</RadioButtonGroup>
		<Label labelFor="rbg3" text="If the number of columns is equal to or exceeds the number of radio buttons they align horizontally" />
		<RadioButtonGroup id="rbg3" columns="5" valueState="Error" class="sapUiMediumMarginBottom">
			<RadioButton id="RB3-1" text="Option 1" />
			<RadioButton id="RB3-2" text="Option 2" />
			<RadioButton id="RB3-3" text="Option 3" />
		</RadioButtonGroup>
		<Label labelFor="rbg4" text="An example of a group in warning state" />
		<RadioButtonGroup id="rbg4" valueState="Warning">
			<RadioButton id="RB4-1" text="Option 1" />
			<RadioButton id="RB4-2" text="Option 2" />
		</RadioButtonGroup>
	</VBox>
</mvc:View>