DragXcel React SDK

Official React SDK for the DragXcel certificate automation platform. This package provides drop-in React components to handle the entire certificate automation flow directly from your own app, with zero configuration.

Installation

npm install dragxcel-sdk

Quick Start

Import the 4 components and place them in your React application. The SDK handles all popups, API calls, state management, and configuration internally.

import {
  ConnectDataButton,
  FilterDataButton,
  MapCertificateButton,
  SendCertificatesButton
} from 'dragxcel-sdk';

export default function MyPage() {
  return (
    <div>
      <ConnectDataButton />
      <FilterDataButton />
      <MapCertificateButton />
      <SendCertificatesButton />
    </div>
  );
}

Features

• Zero Configuration: No complex setup or context providers.
• Built-in UI: Fully styled modals using inline CSS to ensure compatibility across all environments (Next.js, Vite, Create React App).
• Secure by Design: Handles tokens securely without exposing them in your codebase.
• Independent: Components share state automatically via localStorage.

For more details and full documentation, visit dragxcel.vercel.app.