# (Android-only) .NET MAUI TemplatedButton Ripple Effect

Apply a ripple effect to the TemplatedButton, by using the following attached properties of the `RadEffects` class:

* `RippleColor` (`Color`)—Specifies the color of the ripple effect.
* `RippleMode` (enum of type `Telerik.Maui.Theming.RippleMode`)—Specifies the mode in which the ripple effect can be visualized. The options are:
  * (Default)`Pulse`—The element produces a ripple effect when pressed. The ripple fades away even when held.
  * `Hold`—The element produces a ripple effect when pressed and floods the element while held.
  * `None`—The element does not render ripple effects.

> The ripple effect is available on Android.

![.NET MAUI TemplatedButton ripple effect](https://www.telerik.com/maui-ui/documentation/assets/6c2d2c841e68bdaccef9e7f39002c562/templatedbutton-default-ripple-effect.gif)

### Customizing the Ripple Effect

The following example demonstrates how to customize the ripple effect of the TemplatedButton by changing the `RippleMode` and `RippleColor`.

**1.** Define the buttons in XAML:

```XAML
<VerticalStackLayout Spacing="20">
    <telerik:RadTemplatedButton Content="Ripple Pulse"
                                Background="#EAEAEA"
                                telerik:RadEffects.RippleMode="Pulse"
                                telerik:RadEffects.RippleColor="#808660C5" />
    <telerik:RadTemplatedButton Content="Ripple Hold"
                                Background="#EAEAEA"
                                telerik:RadEffects.RippleMode="Hold"
                                telerik:RadEffects.RippleColor="#808660C5" />
    <telerik:RadTemplatedButton Content="Ripple None"
                                Background="#EAEAEA"
                                telerik:RadEffects.RippleMode="None" />
</VerticalStackLayout>
```

**2.** Add the `telerik` namespace:

```XAML
xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui"
```

This is the result on Android:

![.NET MAUI TemplatedButton ripple effect customization](https://www.telerik.com/maui-ui/documentation/assets/208c155917c0a29c30d8f06b60de8419/templatedbutton-ripple-effect.gif)

> For a runnable example demonstrating the TemplatedButton ripple effect, see the [SDKBrowser Demo Application](https://www.telerik.com/maui-ui/documentation/demos-and-sample-apps/sdkbrowser-app) and go to the **TemplatedButton > Features** category.

## See Also

* [Configure the TemplatedButton](https://www.telerik.com/maui-ui/documentation/controls/templatedbutton/configuration)
* [Loading Button](https://www.telerik.com/maui-ui/documentation/controls/templatedbutton/loading-button)
* [Set Visual States](https://www.telerik.com/maui-ui/documentation/controls/templatedbutton/visual-states)
* [Events](https://www.telerik.com/maui-ui/documentation/controls/templatedbutton/events)
* [Execute Command](https://www.telerik.com/maui-ui/documentation/controls/templatedbutton/command)
* [Style the TemplatedButton](https://www.telerik.com/maui-ui/documentation/controls/templatedbutton/styling)