@happy-func/react-ripple

Getting Started

Install dependencies,

# npm
$ npm i @happy-func/react-ripple
# yarn
$ yarn add @happy-func/react-ripple

Usage

Basic

import React from 'react';
import Ripple from '@happy-func/react-ripple';
import '@happy-func/react-ripple/es/style';

const ButtonStyle = {
  padding: `12px 36px`,
  color: `#fff`,
  fontSize: 18,
  background: `linear-gradient(90deg, #0162c8, #55e7fc)`,
  borderRadius: 40,
};

export default () => {
  return (
    <div>
      <Ripple>
        <div style={ButtonStyle}>React Ripple Button</div>
      </Ripple>
    </div>
  );
};

Support By