bigblocks
Version:
Complete Bitcoin UI component library - authentication, social, wallet, market, inscriptions, and blockchain interactions for React
43 lines • 1.7 kB
TypeScript
export interface QRCodeRendererProps {
/** Data to encode in the QR code (e.g., URL, address) */
data: string;
/** Size of the QR code in pixels */
size?: number;
/** Error correction level */
level?: "L" | "M" | "Q" | "H";
/** Background color (uses Radix theme colors or hex) */
bgColor?: string;
/** Foreground color (uses Radix theme colors or hex) */
fgColor?: string;
/** Show a loading state */
loading?: boolean;
/** Custom logo image source */
logoImage?: string;
/** Logo width */
logoWidth?: number;
/** Logo height */
logoHeight?: number;
/** Logo opacity */
logoOpacity?: number;
/** Style for the container */
style?: React.CSSProperties;
/** Class name for the container */
className?: string;
/** QR code style - squares or dots */
qrStyle?: "squares" | "dots";
/** Remove quiet zone (padding around QR code) */
removeQrCodeBehindLogo?: boolean;
/** Use theme-aware colors (auto-adapts to dark/light theme) */
themeAware?: boolean;
}
/**
* QRCodeRenderer Component
*
* Renders a QR code from a string. Uses the highly reliable react-qrcode-logo library
* with full Radix theme integration and customization options.
*
* @param {QRCodeRendererProps} props - The properties for the component.
* @returns {JSX.Element} The rendered QR code component.
*/
export declare function QRCodeRenderer({ data, size, level, bgColor, fgColor, loading, logoImage, logoWidth, logoHeight, logoOpacity, style, className, qrStyle, removeQrCodeBehindLogo, themeAware, }: QRCodeRendererProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=QRCodeRenderer.d.ts.map