QRCode

Example

Razor

<kendo-qrcode>
    <border />
    <overlay />
</kendo-qrcode>

ChildTags

Tag Name	Details
border	QRCodeBorderSettingsTagHelper
overlay	QRCodeOverlaySettingsTagHelper

Attributes

Attribute	Type	Description
name	String	Sets the name of the component.
background	String	The background color of the QR code. Accepts a valid CSS color string, including hex and rgb.
color	String	The color of the QR code. Accepts a valid CSS color string, including hex and rgb.
encoding	QREncoding	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. or "UTF_8" - supports all Unicode characters..
error-correction	QRErrorCorrectionLevel	The error correction level used to encode the value.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. or "H" - approximately 30% of the codewords can be restored..
padding	Double	Sets the minimum distance in pixels that should be left between the border and the QR modules.
render-as	RenderingMode	Sets the preferred rendering engine. If it is not supported by the browser, the QRCode will switch to the first available mode.The supported values are: "canvas" - renders the widget as a Canvas element, if available. or "svg" - renders the widget as inline SVG document, if available.
script-attributes	IDictionary<String,Object>
size	Double	Specifies the size of a QR code in pixels (i.e. "200px"). Numeric values are treated as pixels. If no size is specified, it will be determined from the element width and height. In case the element has width or height of zero, a default value of 200 pixels will be used.
value	String	Sets the value of QR code.
is-in-client-template	Boolean	When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
deferred	Boolean	Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
as-module	Boolean
has-client-component	Boolean
sanitize-id	Boolean