mt-cli-mb

We created this library to address a single issue; our objective was to show live logs coming from Firebase on a user interface (UI) resembling a command line. This library can be used if you have a similar need.

Installation

1. Install the package

$ npm install mt-cli-mb

2. Import the mt-cli module

Import it in your app module

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { MtCliModule } from 'mt-cli';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, AppRoutingModule, MtCliModule],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}

3. Create wrapper div and call the component

<div class="main-container">
  <lib-mt-cli [data]="data"></lib-mt-cli>
</div>

4. Create one data variable in your ts

data: any = {
    message: 'Test cli message',
    completed: true,
    error: false,
};

message: this property renders the message
completed: if true, finished message will be displayed
error: if true, message will be shown in red color else in green color.