How to use the @material/ripple/dist/mdc.ripple.MDCRipple function in @material/ripple

To help you get started, we’ve selected a few @material/ripple examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github usebedrock / bedrock / content / js / material-imports.js View on Github external
function handleMDCRipple(elements) {
  if (!elements) {
    console.log('There are no elements that are fit for ripple effect');
  } else {
    for (var i = 0; i < elements.length; i++) {
      new MDCRipple(elements[i]);
      elements[i].unbounded = true;
    }
  }
};
github material-components / material-components-web-catalog / src / TopAppBarCatalog.js View on Github external
initRipple = icon => {
    if (!icon) return;
    const current = new MDCRipple(icon);
    current.unbounded = true;
    this.ripples.push(current);
  }