ngx-navigate-back-button

NgxNavigateBackButton

The library provides a custom styled button.

This library was generated with Angular CLI version 11.0.3.

Installation

npm install ngx-navigate-back-button --save

Usage

1. Install the library via npm

2. Import NgxNavigateBackButton into your AppModule:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { NgxNavigateBackButtonModule } from 'ngx-navigate-back-button';

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

1. Use in your component's template.

<ngx-navigate-back-button
  [disabled]="false"
  [visible]="true"
  [title]="title"
  (backButtonClicked)="onClick()"
></ngx-navigate-back-button>

Inputs:

• disabled - boolean property, tells the library whether the component should be disabled
• visible - boolean property, tells the library whether the component should be visible
• title - string property, the text on the component

Output:

• backButtonClicked - click event on the component