<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" xmlns:local="*" verticalGap="20" viewSourceURL="srcview/index.html">
    
    
    <mx:Panel title="With one child" layout="vertical" paddingTop="10" paddingLeft="10" paddingBottom="10" paddingRight="10" >


        <!--
        * Here is the first custom mxml component with one child
        -->
        <local:CustomFormItem label="custom form item" labelWidth="120">        
            <mx:TextInput text="some text" />            
        </local:CustomFormItem>
        
    </mx:Panel>
    
    
    <mx:Panel title="With two children" layout="vertical" paddingTop="10" paddingLeft="10" paddingBottom="10" paddingRight="10" >
    
        <!--
        * Here is the second custom mxml component with two children
        -->
        <local:CustomFormItem label="custom form item" labelWidth="120">    
                <mx:CheckBox id="ch_enabled" selected="false" width="16"/>
                <mx:TextInput enabled="{ch_enabled.selected}" text="some text" />                
        </local:CustomFormItem>
    </mx:Panel>
    
</mx:Application>