RippleContainer Overview

The Kendo UI RippleContainer widget 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.

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
Not finding the help you need? Improve this article