Getting started

Learn how to get started with Checkout SDK

This package is dependent on Connect SDK.

1. Install and setup Connect SDK

   Follow the steps here.

2. Install Checkout SDK

       npm install @0xsequence/checkout@v6-beta
       # or
       pnpm install @0xsequence/checkout@v6-beta
       # or
       yarn add @0xsequence/checkout@v6-beta
   
3. Wrap your App with the SequenceCheckoutProvider

   [main.tsx]

       import React from "react";
       import ReactDOM from "react-dom/client";
       import "./index.css";
   
       import App from "./App";
       import { config } from "./config";
       import { SequenceConnect } from "@0xsequence/connect";
       import { SequenceCheckoutProvider } from "@0xsequence/checkout";
   
       function Dapp() {
       return (
           <SequenceConnect config={config}>
               <SequenceCheckoutProvider>
                   <App />
               </SequenceCheckoutProvider>
           </SequenceConnect>
       );
       }
   
       ReactDOM.createRoot(document.getElementById("root")!).render(
       <React.StrictMode>
           <Dapp />
       </React.StrictMode>
       );
   
4. Start using it

   Now you can start using hooks like useSelectPaymentModal.