isabella232 / ng-slot-machine-button

:slot_machine: Angular 2+ Slot Machine Button

Angular 2+ Slot Machine Button

Also see React Slot Machine Button

Installation

There is currently not an official tool to publish a NgModule as a npm package. So one way to use it for now is to download and put it into a project, or maybe use git-submodule.

But according to the Angular team, there would be something coming out with Angular 6; so stay tuned. (reference issue)

Example

This repo is a demo itself, run npm start after running npm install to see.

Example Usage

Inputs

// ng-slot-machine-button
@Input() activeOnHover: boolean;
@Input() bottomToTop: boolean;
@Input() delay = 0;
@Input() duration = 0.5;
@Input() ease = Expo.easeInOut;
@Input() fadeDuration: number;
@Input() groupID: number;
@Input() isActive: boolean;
// Fade Back
@Input() fadeBack: boolean;
@Input() fadeBackDuration: number;
@Input() fadeBackEase = Linear.easeNone;

// ng-slot-machine-wheel
@Input() groupID: number;
@Input() delay = 0;