GenericButton.qml Example File

 /****************************************************************************
 **
 ** Copyright (C) 2012 Nokia Corporation and/or its subsidiary(-ies).
 ** Contact: http://www.qt-project.org/
 **
 ** This file is part of the documentation of the Qt Organizer Module.
 **
 ** $QT_BEGIN_LICENSE:FDL$
 ** GNU Free Documentation License
 ** Alternatively, this file may be used under the terms of the GNU Free
 ** Documentation License version 1.3 as published by the Free Software
 ** Foundation and appearing in the file included in the packaging of
 ** this file.
 **
 ** Other Usage
 ** Alternatively, this file may be used in accordance with the terms
 ** and conditions contained in a signed written agreement between you
 ** and Nokia.
 **
 **
 **
 **
 **
 ** $QT_END_LICENSE$
 **
 ****************************************************************************/
 import QtQuick 2.0

 Rectangle {
     signal clicked
     property alias buttonText: buttonLabel.text

     radius: 5
     height: buttonLabel.height
     color: "black"

     border {
         width: 1
         color: "black"
     }

     Text {
         id: buttonLabel
         font.pixelSize: 12
         anchors.centerIn: parent
         color: "white"
     }

     MouseArea {
         anchors.fill: parent
         onPressed: {
             parent.color = "white"
         }
         onReleased: {
             parent.color = "black"
             parent.clicked()
         }
     }

 }