@material/react-ripple
Advanced tools
Comparing version 0.6.2 to 0.7.0
{ | ||
"name": "@material/react-ripple", | ||
"version": "0.6.2", | ||
"version": "0.7.0", | ||
"description": "Material Components React Ripple", | ||
@@ -18,3 +18,3 @@ "license": "MIT", | ||
"dependencies": { | ||
"@material/ripple": "^0.40.1", | ||
"@material/ripple": "^0.41.0", | ||
"classnames": "^2.2.5", | ||
@@ -21,0 +21,0 @@ "prop-types": "^15.6.1", |
@@ -1,3 +0,1 @@ | ||
> ✨ Are you a part of the Material Design web community? Help us improve by filling out this <a href='https://bit.ly/materialwebsurvey'>**10 minute survey**</a>. ✨ | ||
# React Ripple | ||
@@ -22,2 +20,15 @@ | ||
You'll also need to include these sass mixins on the element. Please also refer to [Advanced Sass Mixins](https://github.com/material-components/material-components-web/blob/master/packages/mdc-ripple/README.md#sass-apis) to customize further. | ||
```sass | ||
@import "@material/ripple/index.scss"; | ||
// refer to element in Javascript portion below | ||
.ripple-icon-component { | ||
@include mdc-ripple-surface; | ||
@include mdc-ripple-radius-bounded; | ||
@include mdc-states; | ||
} | ||
``` | ||
with CSS: | ||
@@ -24,0 +35,0 @@ ```js |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
109668
145
+ Added@material/animation@0.41.0(transitive)
+ Added@material/base@0.41.0(transitive)
+ Added@material/ripple@0.41.0(transitive)
+ Added@material/theme@0.41.0(transitive)
- Removed@material/animation@0.40.1(transitive)
- Removed@material/base@0.40.1(transitive)
- Removed@material/ripple@0.40.1(transitive)
- Removed@material/theme@0.40.1(transitive)
Updated@material/ripple@^0.41.0