import {useRef} from 'react';
import {type QRCodeDownloadHandle, QRCodeSVG, type QRCodeSVGOptions} from '@qrcodesdk/react';
export function QRCodeExample() {
const payload = 'https://qrcodesdk.dev';
const qrcode = useRef<QRCodeDownloadHandle>(null);
const options: QRCodeSVGOptions = {
style: {
moduleSize: 8,
quietZone: 4,
},
};
return (
<>
<button type="button" onClick={() => qrcode.current?.download('qrcodesdk')}>
Download SVG
</button>
<QRCodeSVG ref={qrcode} payload={payload} options={options} />
</>
);
}
