JSPM

ntp-logo-react

1.0.0
    • ESM via JSPM
    • ES Module Entrypoint
    • Export Map
    • Keywords
    • License
    • Repository URL
    • TypeScript Types
    • README
    • Created
    • Published
    • Downloads 626
    • Score
      100M100P100Q90785F
    • License MIT

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

    Package Exports

    • ntp-logo-react
    • ntp-logo-react/dist/index.js

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (ntp-logo-react) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    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