Edit this page

QR Code Tag Helper Overview

The QR Code tag helper helps you configure the Kendo UI QR Code widget in ASP.NET Core applications.

Basic Usage

The following example demonstrates how to define the QR Code by using the QR Code tag helper.

Example
    <kendo-qrcode name="qrcode"></kendo-qrcode>

Configuration

The QR Code tag helper configuration options are passed as attributes of the tag.

Example
    <kendo-qrcode name="qrUrl" value="https://docs.telerik.com/aspnet-core/introduction" error-correction="QRErrorCorrectionLevel.M size=" 150">
        <border color="#AA11AA" width="2" />
    </kendo-qrcode>
    Html.Kendo().QRCode()
        .Name("qrUrl")
        .Value("https://docs.telerik.com/aspnet-core/introduction")
        .ErrorCorrection(QRErrorCorrectionLevel.M)
        .Size(150)
        .Border(border => border.Color("#AA11AA").Width(2))
    )
)

See Also