ntp-logo-react

NTPLogo

A customizable React component for displaying the NETOPIA Payments logo with dynamic color and version options.

Installation

To install the ntp-logo-react package, use npm or yarn:

npm install ntp-logo-react

or

yarn add ntp-logo-react

Usage

import React from "react";
import NTPLogo from "ntp-logo-react";

function App() {
  return (
    <div>
      <h1>Welcome to My App</h1>
      <NTPLogo color="#ffffff" version="vertical" secret="your-secret-key" />
    </div>
  );
}

export default App;

Props

The NTPLogo component accepts the following props:

• 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.

License

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

Author

Created by NETOPIA