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
Shapes
Center Image
Choose
✨ 오늘의 명언 & 마음의 양식

“배우고 때때로 익히면 또한 기쁘지 아니한가.”

— 논어 (고전 명언)
On this page

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙