Material: add ripple effect for TabButton

Change-Id: I13ec210ecb8922ba9be4533df8771871cd862f66
Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>

1 files changed, 9 insertions, 1 deletions

diff --git a/src/imports/controls/material/TabButton.qml b/src/imports/controls/material/TabButton.qml
index 6740f235..0753dc02 100644
--- a/src/imports/controls/material/TabButton.qml
+++ b/src/imports/controls/material/TabButton.qml
@@ -37,6 +37,7 @@
 import QtQuick 2.6
 import QtQuick.Templates 2.1 as T
 import QtQuick.Controls.Material 2.1
+import QtQuick.Controls.Material.impl 2.1
 
 T.TabButton {
     id: control
@@ -58,7 +59,14 @@ T.TabButton {
         verticalAlignment: Text.AlignVCenter
     }
 
-    background: Item {
+    background: Ripple {
         implicitHeight: 48
+
+        clip: true
+        trigger: Ripple.Release
+        pressed: control.pressed
+        anchor: control
+        active: control.down || control.visualFocus || control.hovered
+        color: control.Material.checkBoxUncheckedRippleColor
     }
 }