@paypal/sdk-logos

PayPal SDK Logos

Logos for PayPal SDKs.

Render using JSX with HTML

/** @jsx node */

import { PayPalLogo, LOGO_COLOR } from "paypal-sdk-logos";
import { node, html } from "@krakenjs/jsx-pragmatic/src";

function render() {
	return (<PayPalLogo logoColor={LOGO_COLOR.WHITE} />).render(html());
}

Render using JSX with React

/** @jsx node */

import React from "react";
import { PayPalLogo, LOGO_COLOR } from "paypal-sdk-logos";
import { node, react } from "@krakenjs/jsx-pragmatic/src";

function render() {
	return (<PayPalLogo logoColor={LOGO_COLOR.WHITE} />).render(react({ React }));
}

Render using vanilla JavaScript and HTML

import { PayPalLogo, LOGO_COLOR } from 'paypal-sdk-logos';
import { html } from '@krakenjs/jsx-pragmatic/src';

function render() {
    return PayPalLogo({ logoColor: LOGO_COLOR.WHITE });
        .render(html());
}

Quick Start

Getting Started

• Fork the module
• Run setup: npm run setup
• Start editing code in ./src and writing tests in ./tests
• npm run build

Building

npm run build

Tests

• Edit tests in ./test/tests

• Run the tests:

  npm run test
  

Testing with different/multiple browsers

npm run karma -- --browser=PhantomJS
npm run karma -- --browser=Chrome
npm run karma -- --browser=Safari
npm run karma -- --browser=Firefox
npm run karma -- --browser=PhantomJS,Chrome,Safari,Firefox

Keeping the browser open after tests

npm run karma -- --browser=Chrome --keep-open

Publishing

Before you publish for the first time:

• Delete the example code in ./src, ./test/tests and ./demo
• Edit the module name in package.json
• Edit README.md and CONTRIBUTING.md

Then:

• Publish your code: npm run release to add a patch
  • Or npm run release:path, npm run release:minor, npm run release:major

Changelog

2.2.6 (2023-03-07)

• create separate components for inline and external svgs (#98) (c09ec7a)
• generate CDN packages (54e01e3)