<?xml version="1.0" encoding="utf-8"?>
<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" viewSourceURL="srcview/index.html">
    <!--
    ******************************************************************************************************
    // ** Project info: Custom Skin for Spark Button Demo **
    //    Author: Patrick Hansen | http://wwww.patrickhansen.com
    ******************************************************************************************************
    -->
    
    <!-- default fx declations tag (not really needed for this example) -->
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    
    <!--Styles -->
    <fx:Style source="assets/css/base.css"/>
    
    <!-- VGroup Container -->
    <s:VGroup gap="20">
        <!-- button example -->
        <s:Button label="Unstyled Spark Button"/>
        
        <!-- custom button example -->
        <s:Button label="Custom Skin Button" styleName="customButton"/>
        
        <!-- custom button example as design noted -->
        <s:Button label="MY BUTTON" styleName="customButton"/>
    </s:VGroup>
    
</s:Application>