RippleContainerDirective

Represents the Ripple container component.

Apply this directive to any container element. The ripple effect will show on the following elements:

• Buttons
• Checkboxes
• Radio buttons

html

<div kendoRippleContainer>
    <button kendoButton>Default Button</button>
    <button kendoButton [primary]="true">Primary Button</button>
</div>

Selector

[kendoRippleContainer]

Inputs

Name	Type	Default	Description
disabled	boolean	false	Disables the ripple effect for the kendoRippleContainer element.