QRCode

Generate and display QR codes as SVG using RadzenQRCode.

These demos showcase QR code generation with customizable Value property for encoding data, and styling options including foreground/background colors, module and eye shapes, eye colors, and size configuration.

Basic link

Use the Value property to specify the data to encode in the QR code.

https://blazor.radzen.com

mailto:info@radzen.com

tel:+1-111-222-3333

geo:51.5074,-0.1278,100

Long strings link

Use the Ecc="RadzenQREcc.Low" for long strings.

Styled link

Customize the QR code appearance with Foreground, Background, ModuleShape, EyeShape, EyeColor and Size properties.

Colors

Foreground

Background

Eye Color

Top Left Eye Color

Top Right Eye Color

Bottom Left Eye Color

Shapes

Module Shape Eye Shape Top Left Eye Shape Top Right Eye Shape Bottom Left Eye Shape

Center Image

Choose

Image

Image Background

All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

support

Dedicated support backed by proven expertise

palette

Premium themes and theme editor

widgets

Ready-to-use UI blocks

dashboard_customize

Complete app templates

format_shapes

Visual design-time-experience

Start Free See Subscription Plans

CRUD Operations and Data Management

Seamless Integration

Digital Transformation and Modernization

Design Systems and Consistency

From Prototyping to Production

Time to Market Reduced

Empower the Next Generation

QRCode

Basic link

Long strings link

Styled link

Save Hours on Every Project

On this page

Demos Configuration