React SDK

The @swipelux/onramp-react package provides a simple way to embed the Swipelux on-ramp widget into your React application.

Integration steps

npm install @swipelux/onramp-react

import React from "react";
import { SwipeluxWidget } from "@swipelux/onramp-react"; 
 
export default function App() {
  return (
    <SwipeluxWidget
      // Make sure to replace `apiKey` with your own publishable API key
      apiKey="YOUR_PUBLISHABLE_API_KEY"
    />
  );
}

Next steps

We've only covered the basics of how to integrate the Swipelux On-Ramp widget into your React application.

If you're using a server-side integration and create orders using our REST API, then you should use the orderToken prop in the SwipeluxWidget component to initiate the widget with a prepared order.

To learn more about orderToken and other supported widget settings, please refer to the Supported widget settings article.