/
1.1k
Sponsor

QR Code

Unicode block QR code generator

Terminal

Installation

$ pnpm dlx shadcn@latest add @termcn/ink/qr-code

Usage

import { QRCode } from "@/components/ui/qr-code";
<QRCode value="https://termcn.dev" size="md" label="Scan to visit" />

API Reference

QRCode

PropTypeDefault
valuestringrequired
size"sm" | "md" | "lg""md"
colorstring-
labelstring-

Notes

Accessibility

termcn exposes the following behavior through Ink's terminal accessibility APIs. This is not a browser ARIA or general WCAG-conformance claim.

  • Screen reader: Ink labels and semantic state expose the component without relying on visual styling alone.