Playground

Try it live.

React

import { QRCode } from '@kroszborg/rune-react';

<QRCode
  value="https://rune.kroszborg.co"
  dots={{ style: 'rounded', color: '#0b0b0f' }}
  corners={{ square: { style: 'extra-rounded' }, dot: { style: 'dot' } }}
  qr={{ errorCorrectionLevel: 'M' }}
/>

ValuePreset (loads a starting style)Dot style

Gradient fill

Dot color

Background

Finder ringFinder core

Error correctionMargin 4

Frame text (CTA)

Center logo (auto-uses ECL H)