Donate launcher

Let the SDK build a selection from the full catalog.

Previewlight site theme

CodeApp.tsx

import {
  LockerverseDonateLauncher,
  type LockerversePaymentTheme,
  useLockerverseWidget,
} from "@lockerverse/react";
import "@lockerverse/react/styles.css";
import { exampleRuntime } from "../example-runtime";

export default function DonateLauncherExample({
  theme = "light",
}: {
  theme?: LockerversePaymentTheme;
}) {
  const widget = useLockerverseWidget({
    apiBaseUrl: exampleRuntime.apiBaseUrl,
    communitySlug: exampleRuntime.communitySlug,
    environment: "development",
    sentryDsn: null,
    widgetSlug: exampleRuntime.widgetSlug,
  });
  return (
    <div className="launcher-example">
      <LockerverseDonateLauncher
        buttonLabel="Donate"
        position="inline"
        style={{ "--lockerverse-accent": "#f1511b" }}
        theme={theme}
        widget={widget}
      />
    </div>
  );
}