ntp-logo-angular v1.2.0

NTPLogo

The NTPLogo is an Angular component that displays a logo from NETOPIA Payments with customizable options for background color and logo version.

Installation

You can install the component using npm:

npm install ntp-logo-angular

or

yarn add ntp-logo-angular

Usage

1. Import the NTPLogo module in your app module:

import { NgModule } from "@angular/core";
import { BrowserModule } from "@angular/platform-browser";
import { NTPLogo } from "ntp-logo-angular";

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

2. Use the component in your template:

<ntp-logo [bgColor]="'#ffffff'" [version]="'vertical'" [secret]="'your-secret'"> </ntp-logo>

Inputs

• color (optional): The color of the background where the logo will be placed, can be HEX or RGB. Defaults to #ffffff.
• version (optional): Logo version, either 'vertical' or 'horizontal'. Default is 'vertical'.
• secret (required): Your secret key for the logo. Log in into your NETOPIA Payments account to obtain the secret key. If not provided, an error message will be displayed.

Example

<ntp-logo [bgColor]="'#f79e1b'" [version]="'horizontal'" [secret]="'your-secret-here'"> </ntp-logo>

License

This project is licensed under the MIT License - see the LICENSE file for details.

Author

Created by NETOPIA