This gonna be easter egg library
npm install ngx-party-parrots
npm i ngx-party-parrots
`
Basic usage !Image
The usage consists in three steps.
* Install the library - covered in "Installation" paragraph
* Import NgxPartyParrotsModule to the main module of your app or choose the one where it should be used.
`
imports: [
NgxPartyParrotsModule
],
`
* Use components in your application
The simpliest usage:
`
>
`
Recommended usage !Image
In your component.ts create the variable and function
`
isPartyParrotRainVisible = false;
onPPCodeProvided() {
this.isPartyParrotRainVisible = !this.isPartyParrotRainVisible;
}
`
In your component.html use two party-parrots components
`
`
Run your application - parrots are hidden.
Type "parrots" - to display parrots and to hide them - yay you have the easter egg embedded in your app!
Customization !Image
There are two ways of modifying components - by choosing mode or by sending custom props!
You can also mix both ways :))
Modes:
`
mode="default"
mdoe="one"
mode="love"
mode="skiing" // recommended only for bright/white backgrounds
mode="snowing"
mode="copsAndSpies"
`
Props:
`
@Input() parrotsAmount: number;
@Input() opacity: number; // 0.1 - 1
@Input() parrotsData: ParrotModel[];
@Input() speed: { min: number, max: number };
@Input() skiingMode: string; // yes/no
@Input() slalomLength: { min: number, max: number };
``