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.
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");