@quorum/widget

Embeddable React PIN-entry widget for the Quorum Protocol. Drop it into any React app — zero backend changes required.

Install

npm install @quorum-sdk/widget @quorum-sdk/sdk

Usage

import { QuorumWidget } from '@quorum-sdk/widget';
import '@quorum-sdk/widget/style.css';

function ApprovalPage() {
  return (
    <QuorumWidget
      requestId={params.requestId}
      memberId={params.memberId}
      token={params.token}       // from the email/push approval link
      saltHex={member.saltHex}   // fetched from your backend
      apiBaseUrl="https://api.quorum.dev"
      apiKey="qrm_..."
      actionDescriptor="Approve fund transfer of UGX 5,000,000"
      onApproved={() => navigate('/success')}
      onDenied={() => navigate('/denied')}
    />
  );
}

Theming

Override CSS custom properties on any ancestor element:

.my-wrapper {
  --qrm-primary:  #005fab;   /* your brand colour */
  --qrm-bg:       #f0f4f8;
  --qrm-radius:   12px;
  --qrm-font:     'Inter', sans-serif;
}