<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/09/08/extending-the-linkbutton-control-in-flex/ -->
<mx:Application name=""
        xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"
        initialize="init();">

    <mx:Script>
        <![CDATA[
            import mx.binding.utils.BindingUtils;

            import comps.CustomLinkButton1;
            import skins.CustomLinkButtonSkin1;

            private var linkButton:CustomLinkButton1;

            private function init():void {
                linkButton = new CustomLinkButton1();
                linkButton.label = "LinkButton";
                linkButton.toggle = true;
                linkButton.setStyle("skin", CustomLinkButtonSkin1);
                linkButton.setStyle("rollOverColor", "red");
                linkButton.setStyle("selectionColor", "haloOrange");
                linkButton.setStyle("toggleBackgroundColor", "yellow");
                addChild(linkButton);

                BindingUtils.bindProperty(linkButton, "enabled",
                                            checkBox, "selected");
            }
        ]]>
    </mx:Script>

    <mx:ApplicationControlBar dock="true">
        <mx:Form styleName="plain">
            <mx:FormItem label="enabled:">
                <mx:CheckBox id="checkBox" selected="true" />
            </mx:FormItem>
        </mx:Form>
    </mx:ApplicationControlBar>

</mx:Application>