QR Code

QR Code provides a styled container and SVG wrapper for QR codes. The actual QR code generation is left to the consumer.

Basic Usage

import { QrCode } from "@paramanu/data-display-react"

export default function App() {
return (
  <QrCode size="md">
    <svg viewBox="0 0 100 100">{/* QR code paths */}</svg>
  </QrCode>
)
}

<div class="pm-qr-code pm-qr-code--md" role="img" aria-label="QR Code">
<svg class="pm-qr-code__svg" viewBox="0 0 100 100"><!-- QR code SVG --></svg>
</div>

Accessibility

Uses role="img" with aria-label describing the QR code content.

Props

Prop	Type	Default	Description
`size`	`"sm" \| "md" \| "lg" \| "xl"`	`"md"`	Container size