1.0.2 • Published 2 years ago

development-banner v1.0.2

Weekly downloads
-
License
-
Repository
-
Last release
2 years ago

This Library is Built to show development banner on the screen

Works with Angular v12

INSTALLATION

npm i development-banner --save

USAGE

Add DevelopmentBannerModule to your app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { DevelopmentBannerModule } from 'development-banner';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';  

@NgModule({
    declarations: [
		AppComponent
	],
    imports: [
	    BrowserModule,
	    AppRoutingModule,
	    DevelopmentBannerModule.forRoot()
    ],
    providers: [],
    bootstrap: [AppComponent]
})

export class AppModule {
}

Then you can add <development-banner></development-banner> to your app.component.ts

CONFIGURATION

You can configure your banner in your app.module.ts

For Example:

DevelopmentBannerModule.forRoot({animatedText: true})

Properties

property nametypedefault valuedescription
alignstringcenteralignment of the banner
textAlignstringcenterthe text alignment
valignstringtopvertical alignment of the banner
fixedbooleanfalseto make the banner fixed on the screen
transparentbooleanfalseto make the banner transparent or opaque
fullWidthbooleantrueto make the banner' width 100% or fit-content
textstringDEVELOPMENT MODE ON!!the text shown on the banner
panelClassstringdevelopment-banner-containerpanel class of the banner
closeablebooleantrueto make the banner closeable or not
animatedTextbooleanfalseto make text animated
animationBehaviorstringscrollto change the animation behavior of text
animationSpeednumber6to change text's animation speed
1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago