nativescript-nbmaterial-ripple
TypeScript icon, indicating that this package has built-in type declarations

1.0.1 • Public • Published

Ripple implementation for nbmaterial packages

The module implement material ripple on both iOS and Android. It augments nativescript Style/View. This way you can define "ripple" properties on DOM elements or in CSS.

It also include a Ripple Layout That let you make ripple outside from the component.

  interface RippleOption {
    wrapper?: View;
    iosRadiusFactor?: number;
    androidHotBounds?: boolean;
} 
    interface Style {
        rippleColor: Color;
        rippleAlpha: number;
        rippleDuration: number;
        fadeDuration: number;
    }  
    interface View {
        rippleColor: Color;
        rippleAlpha: number;
        rippleDuration: number;
        fadeDuration: number;
        startRippleNative(opts: RippleOption): Promise<any>;
    } 

   class RippleLayout extends AbsoluteLayout {
    perfomRipple(): Promise<any>;
}

See all modules here

Package Sidebar

Install

npm i nativescript-nbmaterial-ripple

Weekly Downloads

2

Version

1.0.1

License

Apache-2.0

Unpacked Size

18.7 kB

Total Files

10

Last publish

Collaborators

  • nabil_mansouri