Step 2: Embed Checkout Into Your React JS App

Once you've gotten your Test Mode API Key and Project Id we will provide you with an npm / yarn package fo you to install the React JS checkout component. A Project Id will also be generate for you. Copy and paste it into the component to get started!

import '@supercoolxyz/checkout-react-sdk/style.css'
import { SupercoolCheckout } from '@supercoolxyz/checkout-react-sdk';

function YourComponent(): JSX.Element {
    return (
        <SupercoolCheckout 
            apiKey={'API_KEY'}
            projectId={'PROJECT_ID'}
        />
    )
}

See the Checkout Components section to learn more about the embeddable checkout component.