@clickaroo/checkout-ui

📦 Install

pnpm add @clickaroo/checkout-ui
# or
npm install @clickaroo/checkout-ui
# or
yarn add @clickaroo/checkout-ui

🚀 Quick Start

Basic Usage

Use CheckoutPage

import { CheckoutPage, CheckoutProvider, ClickarooProvider } from '@clickaroo/checkout-ui';

function App() {
  const cart = [{
    sku: "TEST001",
    offerPricePoint: "OPP-TEST001",
  }];

  return (
    <ClickarooProvider>
      <CheckoutProvider
        baseUrl="https://api.clickaroo.io"
        cart={cart}
      >
        <CheckoutPage />
      </CheckoutProvider>
    </ClickarooProvider>
  );
}

Note:

• ClickarooProvider must wrap your application at the root level to manage Clickaroo parameters
• CheckoutProvider requires a baseUrl prop (the API base URL)
• CheckoutPage must be wrapped with both providers

For more detailed documentation, see the Storybook documentation.