<s:tabbar dataprovider="{vsPatientInformation}" width="100%" height="100%" xmlns:s="#unknown"> <s:layout> <s:horizontallayout gap="5"></s:horizontallayout> </s:layout> </s:tabbar> <mx:viewstack id="vsPatientInformation" height="100%" width="100%" xmlns:mx="#unknown"> <comp:first label="First" width="100%" xmlns:comp="#unknown"></comp:first> //<s:navigatorcontent xmlns:s="#unknown"></s:navigatorcontent> component <comp:second label="Second" width="100%" xmlns:comp="#unknown"></comp:second> //<s:navigatorcontent xmlns:s="#unknown"></s:navigatorcontent> component <comp:third label="Third" width="100%" xmlns:comp="#unknown"></comp:third> //<s:navigatorcontent xmlns:s="#unknown"></s:navigatorcontent> component </mx:viewstack>