<div align="center">
  <img src="https://user-images.githubusercontent.com/1580169/129248437-0d0d5082-1fa5-48a5-b9ae-0b4c9ba1c526.png" alt="drawing" width="176"/>
  <h1>Rebilly Instruments</h1>
  <p>The last payment integration that you will ever need.</p>
  <br>
</div>

<div align="center">
  <br>
  <img src="https://user-images.githubusercontent.com/13054039/134418583-e051a891-5559-4170-9364-b5f89a96082e.png" alt="rebilly instruments" width="600"/>
  <br>
  <br>
</div>

# Getting Started

## ⏳ Installation

Install Rebilly Instruments with this **Quickstart** command to add Rebilly instruments to your existing project:

- Use **yarn** to install (recommended). [Install yarn with these docs](https://yarnpkg.com/lang/en/docs/install/).

```bash
yarn add @rebilly/instruments
```

**or**

- Use npm/npx to install Rebilly Instruments.

```bash
pnpm install @rebilly/instruments
```

Enjoy 🎉

# 🛠️ Usage

```html
<div class="rebilly-instruments-summary"></div>
<div class="rebilly-instruments"></div>

<script type="text/javascript">
    import RebillyInstruments from '@rebilly/instruments';

    RebillyInstruments.mount({
        publishableKey: 'pk_sandbox_123',
        organizationId: 'org-123',
        websiteId: 'my-website-id',
        items: [
            {
                planId: 'my-plan-id',
                quantity: 1,
            },
        ],
        // ...see documentation below for more options
    });
</script>
```

See documentation at [Rebilly developer docs](https://www.rebilly.com/docs/dev-docs/get-started-integrate-payments)
