live · mainnetoc · docs
specs · api · guides
docs / documentation

@orangecheck/react


@orangecheck/react / OcBadge

Variable: OcBadge

const OcBadge: MemoExoticComponent<(__namedParameters: OcBadgeProps) => Element>;

Defined in: src/badge.tsx:199

@orangecheck/react

Three focused components. One pill, one gate, one signing button.

<OcBadge> — display a proof-of-Bitcoin-stake badge <OcGate> — client-side conditional render by OC status <OcChallengeButton> — run the signed-challenge auth flow in-browser

All three are framework-agnostic React components — no styling framework required, no global CSS, no state store. Inline styles are used so the components render correctly in any host app.