<?xml version="1.0" encoding="utf-8"?>
<!-- Example to demonstrate using SlideDown and SlideUp together with DropShadowFilter. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:effects="com.iwobanas.effects.*"
    layout="vertical" verticalGap="0"  viewSourceURL="srcview/index.html">
    
    <effects:SlideDown id="slideDown" />
    <effects:SlideUp id="slideUp" />
    
    <mx:Button id="visibleButton" label="Slide + Shadow"
        toggle="true" selected="false"
        width="130"/>
    
    <mx:VBox visible="{visibleButton.selected}"
        showEffect="{slideDown}" hideEffect="{slideUp}"
        backgroundAlpha="1" backgroundColor="white" width="130" 
        paddingLeft="5" paddingRight="5" paddingBottom="5" paddingTop="5"
        filters="{[new DropShadowFilter(6,135,0,0.5,6,6)]}" >
        <mx:Label text="Sample components" />
        <mx:TextInput width="100%" />
        <mx:CheckBox label="Test 1" />
        <mx:CheckBox label="Test 2" />
        <mx:CheckBox label="Test 3" />
    </mx:VBox>

</mx:Application>