Kendo UI for jQuery RippleContainer Overview

The Kendo UI RippleContainer component provides the Material ink ripple effect for the Kendo UI components.

The RippleContainer is compatible only with the SASS-based Material Theme. The ripple effect is applied to all components that are located inside the RippleContainer element.

Kendo UI for jQuery Kendoka image

The RippleContainer is part of Kendo UI for jQuery, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Initializing the RippleContainer

The following example demonstrates how to initialize the RippleContainer.

    <div id="example">
        <button class="k-button">Default Button</button>
    </div>

    <script>
      $(document).ready(function(){
         $("#example").kendoRippleContainer();
      });
    </script>

Functionality and Features

The RippleContainer provides a set of elements.

Referencing Existing Instances

To reference an existing RippleContainer instance, use jQuery.data() and the RippleContainer API to control its behavior.

The following example demonstrates how to access an existing RippleContainer instance.

var ripple = $("#container").data("kendoRippleContainer");

See Also

In this article