0.15.0 • Published 5 years ago

@material/react-line-ripple v0.15.0

Weekly downloads
4,422
License
MIT
Repository
github
Last release
5 years ago

React Line Ripple

A React version of an MDC Line Ripple.

Installation

npm install @material/react-line-ripple

Usage

Styles

with Sass:

import '@material/react-line-ripple/index.scss';

with CSS:

import '@material/react-line-ripple/dist/line-ripple.css';

Javascript Instantiation

import LineRipple from '@material/react-line-ripple';

const MyComponent = () => {
  return (
    <LineRipple />
  );
}

Props

Prop NameTypeDescription
activebooleanActivates or deactivates the line ripple state.
classNamestringClasses to be applied to the root element.
rippleCenternumberSets the center of the ripple animation.
styleobjectInline styles of root element.

Sass Mixins

Sass mixins may be available to customize various aspects of the components. Please refer to the MDC Web repository for more information on what mixins are available, and how to use them.

Advanced Sass Mixins