<?xml version="1.0" encoding="utf-8"?>
<!---
AlphaMaskBox Sample
-->
<mx:Application
    xmlns:mx  = "http://www.adobe.com/2006/mxml"
    xmlns:box = "jp.taiga.mx.component.containers.*"
    layout    = "horizontal"
 viewSourceURL="srcview/index.html">

    <box:AlphaMaskBox id="box" direction="vertical" width="150" height="500">
        <mx:Button label="A" width="100" height="50" />
        <mx:Button label="B" width="100" height="50" />
        <mx:Button label="C" width="100" height="50" />
        <mx:Button label="D" width="100" height="50" />
        <mx:Button label="E" width="100" height="50" />
        <mx:Button label="F" width="100" height="50" />
        <mx:Button label="G" width="100" height="50" />
        <mx:Button label="H" width="100" height="50" />
        <mx:Button label="I" width="100" height="50" />
        <mx:Button label="J" width="100" height="50" />
        <mx:Button label="K" width="100" height="50" />
        <mx:Button label="L" width="100" height="50" />
    </box:AlphaMaskBox>

    <box:AlphaMaskBox direction="horizontal" width="500" height="150">
        <mx:Button label="A" width="50" height="100" />
        <mx:Button label="B" width="50" height="100" />
        <mx:Button label="C" width="50" height="100" />
        <mx:Button label="D" width="50" height="100" />
        <mx:Button label="E" width="50" height="100" />
        <mx:Button label="F" width="50" height="100" />
        <mx:Button label="G" width="50" height="100" />
        <mx:Button label="H" width="50" height="100" />
        <mx:Button label="I" width="50" height="100" />
        <mx:Button label="J" width="50" height="100" />
        <mx:Button label="K" width="50" height="100" />
        <mx:Button label="L" width="50" height="100" />
    </box:AlphaMaskBox>

</mx:Application>