QRCodeProps
Represents the props of the Kendo UI for Vue QRCode component.
Definition
Package:@progress/kendo-vue-barcodes
Properties
background?
string
Sets the background color of the QR Code. Accepts a valid CSS color string, including hex and rgb.
"white"
color?
string
Sets the color of the QR Code. Accepts a valid CSS color string, including hex and rgb.
"black"
Sets the encoding mode used to encode the value.
The possible values are:
"ISO_8859_1"—Supports all characters from the ISO/IEC 8859-1 character set."UTF_8"—Supports all Unicode characters.
"ISO_8859_1"
Sets the error correction level to use.
The possible values are:
"L"—Approximately 7% of the codewords can be restored."M"—Approximately 15% of the codewords can be restored."Q"—Approximately 25% of the codewords can be restored."H"—Approximately 30% of the codewords can be restored.
"L"
Exports the QR Code as an image. Accepts optional export settings and returns a Promise that resolves to the image data string.
Promise<string>
Exports the QR Code as an SVG. Accepts optional export settings and returns a Promise that resolves to the SVG data string.
Promise<string>
An optional image overlay that displays over the QR Code.
Always test if the code reads correctly with the applied overlay.
Depending on the length of the value and the size of the overlay, you might need to raise the errorCorrection level to "M" or "H".
padding?
number
Sets the padding of the QR Code. A numeric value sets all paddings.
0
Sets the preferred rendering engine.
The supported values are:
"svg"—If available, renders the component as an inlinesvgelement."canvas"—If available, renders the component as acanvaselement.
"svg"
size?
string | number
Determines the size of a QR Code. Numeric values represent pixels.
If you do not specify a size, the size will be determined from the element width and height. If the element has width or height of zero, a default value of 200 pixels will be used.
"200px"
value?
string | number
Sets the value of the QR Code. Accepts a string or a number.