eneajaho / cool-console

Angular library that displays cool messages in console.

Home Page:https://www.npmjs.com/package/ng-cool-console

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

😎 Cool Console

Cool Console is an angular library that displays cool messages in console.

Screenshot

Install

npm install cool-console --save

Setup

Add CoolConsoleModule to App NgModule

import { CommonModule } from '@angular/common';
import { CoolConsoleModule } from 'ng-cool-console';

@NgModule({
  imports: [
    CommonModule,
    CoolConsoleModule.forRoot()
  ],
  bootstrap: [App],
  declarations: [App]
})
class MainModule {}

Use

import { CoolConsoleModule } from 'ng-cool-console';

@Component({...})
export class YourComponent {
  constructor(private cc: CoolConsoleService) {
    this.cc.success('βœ” Successfully Initialized!');
    this.cc.warning('⚠ Global Warning!');
    this.cc.danger('πŸ’€ World is in danger!');
    this.cc.info('πŸ•Š Everything will be okay!');
    this.cc.info({ name: 'ng-cool-console' });

    /* Custom Log
    *  @param1 args
    *  @param2 color
    *  @param3 backgroundColor 
    */
    this.cc.log('πŸ•Š Everything will be okay!', 'black', 'red');
  }
}

Global Options

Global options include the following options:

Option Type Default Description
padding string '5px 10px' Sets the padding for the console string box
borderRadius string '2px' Sets the border radius for the console string box
fontSize string '16px' Classes used on toastr service methods

Setting Global Options

Pass values to CoolConsoleModule.forRoot()

// AppModule
imports: [
    CoolConsoleModule.forRoot({
        padding: '6px 12px',
        borderRadius: '5px',
        fontSize: '18px'
    })
],

License

MIT

Contributors

@drdreo


Author: @eneajaho

About

Angular library that displays cool messages in console.

https://www.npmjs.com/package/ng-cool-console


Languages

Language:TypeScript 79.2%Language:JavaScript 20.8%