Special components · Data display

QR code

Client-side QR generator (canvas). Encode URLs, vCards, Wi-Fi credentials, or any string. A QR reader (camera decoder) will ship in a follow-up release.

Preview

Default

Electric accent

High correction

Usage

TSX

import { QRCode } from "kora-ui/client";

<QRCode value="https://kora-ui.istmocode.com" size={192} />

<QRCode
  value="mailto:hello@example.com"
  color="#0a0a0a"
  backgroundColor="#fff"
  errorCorrection="H"
/>