Below is the referred documentation

@import QtQuick 1.0

Flipable {
id: flipable
width: 240
height: 240

 property bool flipped: false

 front: Image { source: "front.png"; anchors.centerIn: parent }
 back: Image { source: "back.png"; anchors.centerIn: parent }

 transform: Rotation {
     id: rotation
     origin.x: flipable.width/2
     origin.y: flipable.height/2
     axis.x: 1; axis.y: 0; axis.z: 0     // set axis.y to 1 to rotate around y-axis
     angle: 0    // the default angle
 }

 states: State {
     name: "back"
     PropertyChanges { target: rotation; angle: 180 }
     when: flipable.flipped
 }

 transitions: Transition {
     NumberAnimation { target: rotation; property: "angle"; duration: 4000 }
 }

 MouseArea {
     anchors.fill: parent
     onClicked: flipable.flipped = !flipable.flipped
 }

}@