New to Telerik UI for Blazor? Start a free 30-day trial

TelerikQRCode

Class

A component that renders a QR code from a value with configurable size. Initializes/updates via InitWidgetMethodName and enforces square dimensions: set either Size or equal Width/Height. Serializes the final size for rendering.

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

public class TelerikQRCode : DataVizComponent, IComponent, IHandleEvent, IHandleAfterRender, IDisposable

Inheritance: objectComponentBaseBaseComponentDataVizComponentTelerikQRCode

Implements: IComponentIDisposableIHandleAfterRenderIHandleEvent

Constructors

TelerikQRCode()

public TelerikQRCode()

Properties

Background

string

The background color of the QR code. Accepts a valid CSS color string, including hex and rgb.

[Parameter]
public string Background { get; set; }

Color

string

The color of the QR code. Accepts a valid CSS color string, including hex and rgb.

[Parameter]
public string Color { get; set; }

Encoding

QRCodeEncoding?

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. "UTF_8_NO_BOM" - supports all Unicode characters and does not include a BOM (Byte Order Mark).

[Parameter]
public QRCodeEncoding? Encoding { get; set; }

ErrorCorrection

QRCodeErrorCorrectionLevel?

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..

[Parameter]
public QRCodeErrorCorrectionLevel? ErrorCorrection { get; set; }

Padding

double?

Sets the minimum distance in pixels that should be left between the border and the QR modules.

[Parameter]
public double? Padding { get; set; }

RenderAs

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.

[Parameter]
public RenderingMode? RenderAs { get; set; }

Size

string

Specifies the size of a QR code in pixels (i.e. "200px").

[Parameter]
public string Size { get; set; }

Value

string

The value of the QRCode.

[Parameter]
public string Value { get; set; }

Methods

BuildRenderTree(RenderTreeBuilder)

protected override void BuildRenderTree(RenderTreeBuilder __builder)

Parameters:__builderRenderTreeBuilder

Overrides: ComponentBase.BuildRenderTree(RenderTreeBuilder)

OnAfterRender(bool)

protected override void OnAfterRender(bool firstRender)

Parameters:firstRenderbool

Overrides: DataVizComponent.OnAfterRender(bool)

OnInitialized()

protected override void OnInitialized()

Overrides: DataVizComponent.OnInitialized()

OnParametersSet()

protected override void OnParametersSet()

Overrides: DataVizComponent.OnParametersSet()