Flex Form Changes Based On Selection in TYPO3 FCE

<flux:field.select name="mode" items=" ,tab,pill" required="1" requestUpdate="TRUE" />
<f:if condition="{0: mode} == {0: 'tab'}">
<flux:field.select name="tabDirection" items="above,below,left,right" />
</f:if>