vue-qrious

🤳 A Vue component for QR code generation with qrious

Usage no npm install needed!

<script type="module">
  import vueQrious from 'https://cdn.skypack.dev/vue-qrious';
</script>

README

VueQrious

🤳 A Vue component for QR code generation with qrious

Demo

Usage

<template>
  <vue-qrious value="https://www.1stg.me" />
</template>
<script>
import VueQrious from 'vue-qrious'

export default {
  components: {
    VueQrious,
  },
}
</script>

Available Props

prop type (range) default value
background string (CSS color) "#ffffff"
backgroundAlpha number (0.1-1.0) 1.0
foreground string (CSS color) "#000000"
foregroundAlpha number (0.1-1.0) 1.0
level string ("L", "M", "Q", "H") "L"
mime string ("image/png", "image/jpeg") "image/png"
padding number null
size number 100
value string

Changelog

Detailed changes for each release are documented in CHANGELOG.md.

License

MIT © JounQin@1stG.me