<? xml version="1.0"? >
<! -- Simple example to demonstrate the ToggleButtonBar control.  -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Script>
        <! [CDATA[
            
            import mx.events.ItemClickEvent;    
            
            // Event handler function to print a message
            // describing the selected Button control.         
            private function clickHandler(event:ItemClickEvent) :void {
                myTA.text="Selected button index: " + String(event.index) + 
                    "\n" + "Selected button label: " + event.label;
            }
        ]]>
    </mx:Script>

    <mx:Panel title="ToggleButtonBar Control Example" height="75%" width="75%" 
        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">

        <mx:Label width="100%" color="blue" 
            text="Select a button in the ToggleButtonBar control. "/>

        <mx:TextArea id="myTA" width="100%" height="100%"/>

        <mx:ToggleButtonBar horizontalGap="5" itemClick="clickHandler(event);">
            <mx:dataProvider>
                <mx:Array>
                    <mx:String>Flash</mx:String>
                    <mx:String>Director</mx:String>
                    <mx:String>Dreamweaver</mx:String>
                    <mx:String>ColdFusion</mx:String>
                </mx:Array>
            </mx:dataProvider>
        </mx:ToggleButtonBar>
    </mx:Panel>
</mx:Application>