New to Telerik UI for ASP.NET Core? Download free 30-day trial

QRCodeTagHelper

Example

<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.
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-child-component Boolean
has-client-component Boolean
sanitize-id Boolean
In this article
Not finding the help you need?