Enable ripple in Button Group Control

19 Dec 20221 minute to read

Ripple can be enabled by importing rippleEffect method from ej2-base and initialize rippleEffect with .e-btn-group element, and selector as e-btn.

<div class='e-btn-group'>
    <ejs-button id="html" content="HTML"></ejs-button>
    <ejs-button id="css" content="CSS"></ejs-button>
    <ejs-button id="javascript" content="JavaScript"></ejs-button>
</div>
<script>
    ej.base.enableRipple(true);
    var button = document.querySelector('.e-btn-group');
    ej.base.rippleEffect(button, { selector: 'e-btn' });
</script>

NOTE

View Sample in GitHub.