@zeedhi/zd-qrcode

Componente QRCode para Zeedhi

Instalação   |    Uso Básico   |    Propriedades   |   

O component zd-qrcode foi criado para gerar QR Code a partir de um texto.

Instalação

Para instalar o pacote basta rodar o seguinte comando:
npm i @zeedhi/zd-qrcode
Com isso, dois pacotes serão instalados: o @zeedhi/zd-qrcode-common e o @zeedhi/zd-qrcode-vue.
Após a instalação, é necessário que você importe o pacote @zeedhi/zd-qrcode-vue dentro de seu arquivo de configuração zeedhi.ts

import { ZdQRCode } from '@zeedhi/zd-qrcode-vue';

Vue.component('ZdQRCode', ZdQRCode);

Já o pacote @zeedhi/zd-qrcode-common deve ser importado no arquivo controller do componente.

Uso Básico

Para usar, defina a propriedade component como 'ZdQRCode'.

{
  "name": "qrcode-example",
  "component": "ZdQRCode",
  "text": "Text"
}

Propriedades

Nome	Tipo	Default	Descrição
text	string	""	A string para gerar o QR Code
size	number	150	Tamanho do QR Code
errorLevel	'L' | 'M' | 'Q' | 'H'	"H"	Nível de correção de erros
color	string	"#000"	Cor do QR Code
backgroundColor	string	"#FFF"	Cor do fundo do QR Code

---