@anypoint-web-components/material-ripple

Adds a material design ripple to any container. It's a port of @polymer/paper-ripple for ESM.

Usage no npm install needed!

<script type="module">
  import anypointWebComponentsMaterialRipple from 'https://cdn.skypack.dev/@anypoint-web-components/material-ripple';
</script>

README

<material-ripple>

This is a port of @polymer/paper-ripple to ListElement and ES modules. It also removes Polymer dependencies.

Published on NPM

Testing

Usage

Installation

npm i --save @anypoint-web-components/material-ripple

In an HTML file

<html>
  <head>
    <script type="module">
      import '@anypoint-web-components/material-ripple/material-ripple.js';
    </script>
  </head>
  <body>
    <div style="position: relative">
       <material-ripple>Click me</material-ripple>
    </div>
  </body>
</html>

Development

git clone https://github.com/anypoint-web-components/material-ripple
cd material-ripple
npm install

Running the demo locally

npm start

Running the tests

npm test