Carregando…

QR Code Generator

Display

Gerador de QR code client-side com download em SVG/PNG e cópia do SVG — adaptado de cuicui.day.

Instalação via CLI

$ npx kikitocn add qr-code-generator

Interno:

@/components/ui/cn/input@/hooks/cn/use-copy-to-clipboard@/lib/utilsqrcode.react

Exemplo de uso

QR Code GeneratorExample.tsx

import { QRCodeGenerator } from "@/components/ui/cn/qr-code-generator/QRCodeGenerator";

export function QRCodeGeneratorExample() {
  return (
    <QRCodeGenerator level="L" />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`defaultValue`	`string`	`'https://kikito.tv'`	Valor inicial codificado (não-controlado)
`size`	`number`	`200`	Tamanho do QR code em px
`fgColor`	`string`	`'var(--ks-text)'`	Cor do módulo (o desenho do código)
`bgColor`	`string`	`'var(--ks-lacquer-deep)'`	Cor de fundo
`level`	`'L' \| 'M' \| 'Q' \| 'H'`	`'H'`	Nível de correção de erro
`showInput`	`boolean`	`true`	Mostra o campo de texto pra editar o valor
`showActions`	`boolean`	`true`	Mostra os botões de baixar/copiar
`className`	`string`	—	Classes CSS extras

Voltar para Display

Carregando…