@irim/rc-ripple

Ripple Effect Wrapper

React Component of Ripple Effect.

Getting Started

• $ npm install @irim/rc-ripple --save

import Ripple from '@irim/rc-ripple';

ReactDOM.render(
  <Ripple>
    <button>HELLO</button>
  </Ripple>,
  document.getElementById('mountNode'),
);

@import "~@irim/rc-ripple/lib/index";

API

props	desc	type	required	default
wrapper	wrapper of effect element	`'div'	'li'	'a'
disabled	cancel click effect	boolean	no	false

SCSS Variables

Define scss variables before import component scss file will change default values.

$ripple-effect-color: rgba(0, 0, 0, 0.15);

LICENSE

BSD-3-Clause License