<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

xmlns:s="library://ns.adobe.com/flex/spark"

xmlns:mx="library://ns.adobe.com/flex/mx"

minWidth="955" minHeight="600"

xmlns:LoginComp="mycomponent.*">

<s:Panel title="View Sate in custom component" width="380" height="231">

<LoginComp:logincomponent currentState="Login" x="15" y="15"/>

</s:Panel>

<s:Panel xmlns:fx="http://ns.adobe.com/mxml/2009"

xmlns:s="library://ns.adobe.com/flex/spark"

xmlns:mx="library://ns.adobe.com/flex/mx"

title="Login Form"

title.Register="Registration Form"

chromeColor="#333333"

color="#CCCCCC"

backgroundColor="#555555"

width="347"

height="166">

<!-- Defines the view states.-->

<s:states>

<s:State name="Login"/>

<s:State name="Register"/>

</s:states>

<mx:Form>

<mx:FormItem label="Email Id:">

<s:TextInput text="abc@xyz.com"

color="#000000"/>

</mx:FormItem>

<mx:FormItem label="Password:">

<s:TextInput displayAsPassword="true"

text="password"

color="#000000"/>

</mx:FormItem>

<mx:FormItem id="confirmPassword"

label="Confirm Password:"

includeIn="Register">

<s:TextInput displayAsPassword="true"

text="password"

color="#000000"/>

</mx:FormItem>

<mx:FormItem direction="horizontal">

<mx:Spacer width="100%"/>

<mx:LinkButton id="registerlinkButton"

label="GO for Registration?"

label.Register="Return to Login"

click="currentState='Register'"

click.Register="currentState=''"/>

<s:Button id="loginButton"

label="Login" label.Register="Register"/>

</mx:FormItem>

</mx:Form>