diff --git a/MAUI/TabView/Tab-Item-Customization.md b/MAUI/TabView/Tab-Item-Customization.md index 74ea655426..720b95a5b4 100644 --- a/MAUI/TabView/Tab-Item-Customization.md +++ b/MAUI/TabView/Tab-Item-Customization.md @@ -583,4 +583,56 @@ stackLayout.Children.Add(tabView); this.Content = stackLayout; {% endhighlight %} +{% endtabs %} + +## Disable ripple effect on item click + +The `EnableRippleAnimation` property of the [SfTabView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.TabView.SfTabView.html) allows you to enable or disable the ripple animation for tab headers. This animation provides visual feedback when a tab header is tapped. The default value of the `EnableRippleAnimation` property is `true`. + +{% tabs %} + +{% highlight xaml %} + + + + +{% endhighlight %} + +{% highlight C# %} +// Create an instance of the SfTabView control +SfTabView tabView = new SfTabView(); + +// Disable the ripple animation +tabView.EnableRippleAnimation = false; + +{% endhighlight %} + +{% endtabs %} + +## How to + +### Disable hover effect on tab item + +To disable the hover effect when the mouse pointer is over a [TabItem](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.TabView.SfTabItem.html) header, set color value `Transparent` to the built-in key `SfTabViewHoverBackground`. + +{% tabs %} + +{% highlight xaml %} + + + + CustomTheme + Transparent + + + + + + + + +{% endhighlight %} + {% endtabs %} \ No newline at end of file diff --git a/MAUI/Themes/Keys.md b/MAUI/Themes/Keys.md index cc950a2cc1..efe5cfafbe 100644 --- a/MAUI/Themes/Keys.md +++ b/MAUI/Themes/Keys.md @@ -17961,6 +17961,18 @@ This page lists the keys associated with each control and the respective UI elem
+ + + SfTabViewHoverBackground +
+
+ + + Hover BackgroundColor of the SfTabItem. +
+
+ + ## SfTextInputLayout