Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@nativescript-community/ui-material-ripple
Advanced tools
@nativescript-community/ui-material-ripple - npm Package Compare versions
Comparing version 5.2.3 to 5.2.5
@@ -6,2 +6,18 @@ # Change Log | ||
| ## [5.2.5](https://github.com/nativescript-community/ui-material-components/tree/master/packages/ripple/compare/v5.2.4...v5.2.5) (2021-02-04) | ||
| **Note:** Version bump only for package @nativescript-community/ui-material-ripple | ||
| ## [5.2.4](https://github.com/nativescript-community/ui-material-components/tree/master/packages/ripple/compare/v5.2.3...v5.2.4) (2021-02-04) | ||
| **Note:** Version bump only for package @nativescript-community/ui-material-ripple | ||
| ## [5.2.3](https://github.com/nativescript-community/ui-material-components/tree/master/packages/ripple/compare/v5.2.2...v5.2.3) (2021-01-23) | ||
@@ -8,0 +24,0 @@ |
| { | ||
| "name": "@nativescript-community/ui-material-ripple", | ||
| "version": "5.2.3", | ||
| "version": "5.2.5", | ||
| "description": "The Material Design Ripple component provides a radial action in the form of a visual ripple expanding outward from the user's touch. Ripple is a visual form of feedback for touch events providing users a clear signal that an element is being touched.", | ||
@@ -45,5 +45,5 @@ "main": "./ripple", | ||
| "dependencies": { | ||
| "@nativescript-community/ui-material-core": "^5.2.3" | ||
| "@nativescript-community/ui-material-core": "^5.2.5" | ||
| }, | ||
| "gitHead": "bc97d18870c8d5df8b28b4d67a524df173481643" | ||
| "gitHead": "f86acbfcfe1d7f467335af1d5628f6276a8436d3" | ||
| } |
@@ -1,34 +0,54 @@ | ||
| [](https://www.npmjs.com/package/nativescript-material-ripple) | ||
| [](https://www.npmjs.com/package/nativescript-material-ripple) | ||
| [](https://github.com/Akylas/nativescript-material-components/network) | ||
| [](https://github.com/Akylas/nativescript-material-components/stargazers) | ||
| # NativeScript Material Ripple | ||
| Material Design's [Ripple](https://material.io/design/interaction/states.html#pressed) component for NativeScript. | ||
| [](https://www.npmjs.com/package/@nativescript-community/ui-material-ripple) | ||
| [](https://www.npmjs.com/package/@nativescript-community/ui-material-ripple) | ||
| ## Contents | ||
| 1. [Installation](#installation) | ||
| 2. [Changelog](#changelog) | ||
| 3. [FAQ](#faq) | ||
| 4. [Usage](#usage) | ||
| - [Plain NativeScript](#plain-nativescript) | ||
| - [Angular](#nativescript--angular) | ||
| - [Vue](#nativescript--vue) | ||
| 5. [API](#api) | ||
| ## Installation | ||
| ### Warning :warning: :warning: | ||
| From 5.x using material component will break N tab component on iOS (which is bound to be removed). This is needed to allow using the latest native iOS features. If needed you can use either [bottomnavigationbar](https://www.npmjs.com/package/nativescript-material-bottomnavigationbar) (this one is the best choice, closest to material design) or [tabs](https://www.npmjs.com/package/nativescript-material-tabs) (clone of N one, but with a little less features) | ||
| ### :warning: Warning :warning: | ||
| From NativeScript 5.x using this component will break the [NativeScript tab component](https://docs.nativescript.org/ui/components/tabs) on iOS (which is bound to be removed). This is needed to allow using the latest native iOS features. If needed you can use either [bottomnavigationbar](https://www.npmjs.com/package/@nativescript-community/ui-material-bottomnavigationbar) (this one is the best choice, closest to material design) or [material-tabs](https://www.npmjs.com/package/@nativescript-community/ui-material-tabs) (clone of the NativeScript one, but with a little less features). | ||
| For N 7.0 | ||
| ## | ||
| For NativeScript 7.0+ | ||
| * `tns plugin add @nativescript-community/ui-material-ripple` | ||
| For N 6.x | ||
| ## | ||
| For NativeScript 6.x | ||
| * `tns plugin add nativescript-material-ripple` | ||
| ## | ||
| If using ```tns-core-modules``` | ||
| * `tns plugin add nativescript-material-ripple@2.5.4` | ||
| ## | ||
| Be sure to run a new build after adding plugins to avoid any issues. | ||
| --- | ||
| ## [Changelog](./CHANGELOG.md) | ||
| ##### [Material Design Spec](https://material.io/design/interaction/states.html#usage) | ||
| ## [FAQ](../../README.md#faq) | ||
| ### Usage | ||
| ## Usage | ||
| ### Plain NativeScript | ||
| ## Plain NativeScript | ||
| <span style="color:red">IMPORTANT: </span>_Make sure you include `xmlns:mdr="@nativescript-community/ui-material-ripple"` on the Page element_ | ||
| ### XML | ||
| #### XML | ||
@@ -43,3 +63,3 @@ ```XML | ||
| ### CSS | ||
| #### CSS | ||
@@ -52,4 +72,6 @@ ```CSS | ||
| ## NativeScript + Angular | ||
| ## | ||
| ### NativeScript + Angular | ||
| ```typescript | ||
@@ -71,4 +93,6 @@ import { NativeScriptMaterialRippleModule } from "@nativescript-community/ui-material-ripple/angular"; | ||
| ## NativeScript + Vue | ||
| ## | ||
| ### NativeScript + Vue | ||
| ```javascript | ||
@@ -85,7 +109,7 @@ import Vue from 'nativescript-vue'; | ||
| ## Attributes | ||
| ## API | ||
| Inherite from Nativescript [StackLayout](https://docs.nativescript.org/ui/layouts/layout-containers#stacklayout-properties) | ||
| ### Attributes | ||
| ## Attributes | ||
| Inherite from NativeScript [StackLayout](https://docs.nativescript.org/ui/layouts/layout-containers#stacklayout-properties). | ||
@@ -92,0 +116,0 @@ * **rippleColor** _optional_ |
New alerts
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
Fixed alerts
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
Improved metrics
- Total package byte prevSize
- increased by0.97%
74888
- Number of lines in readme file
- increased by26.37%
115