Now with Partition Management
Have ideas to improve npm?Join in the discussion! »

ng2-ladda-preloader
TypeScript icon, indicating that this package has built-in type declarations

1.0.1 • Public • Published

Angular 2 component wrapper for Ladda

license

This is Angular 2 wrapper for Ladda

Check out Ladda's demo

Requirements

  • NPM - Node package manager

Installation

  • run npm install ng2-ladda-preloader --save

  • add DtLaddaPreloader2Component to your module's declarations:

// other imports
// ...
import { DtLaddaPreloader2Component } from 'ng2-ladda-preloader';
// ...

@NgModule({
    declarations: [
        // other declarations
        // ...
        DtLaddaPreloader2Component,
        // ...
    ]
})

  • no additional css links or script imports needed, because they are included in component already

Usage

Add dt-ladda-preloader to any html element that should contain ladda preloader button, e.g.:

<div dt-ladda-preloader [operation]="click()" label="click me"></div>

Component support the following attributes:

  • operation: Async operation that returns promise
  • label: Label that will be written on the button
  • color: Color of the spinner. Optional, default is 'white'
  • style: Style of the spinner appearance animation (see full list with examples at ladda's demo). Optional, default is 'zoom-in'

Feedback

Please leave your feedback if you have noticed any issues or have a feature request.

License

The repository code is open-sourced software licensed under the MIT license.

Install

npm i ng2-ladda-preloader

DownloadsWeekly Downloads

2

Version

1.0.1

License

MIT

Last publish

Collaborators

  • avatar