Kendo UI for Angular

Angular QR Code

  • Render QR Codes in Angular as SVG or Canvas Elements. Make them yours with configuration options and image and Swiss QR support.
  • Part of the Kendo UI for Angular library along with 100+ professionally-designed components developers trust for all their Angular UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms and a 3-million-strong developer community.
Header-QRCode
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    Create any type of QR Code as SVG or Canvas element. With support encoding, error correction, custom logos, Swiss QR Code, PDF export, and PNG export, you will have everything you need.

    See the Angular QR Code demo

    QRCode-Overview
  • Configuration

    The Angular QR Code helps you easily customize the rendered code with options for size, color, and border.

    See the Angular QR Code Configuration demo

  • Image and Swiss Code Overlays

    The Angular QR Code supports overlays for two primary purposes: to add an image and to create a Swiss QR code. Images are most often added as logos for branding and Swiss QR Codes are created to comply with Swiss regulations.

    See the Angular QR Code Overlays demo

  • Encoding

    By default, the QR Code value is encoded by using "ISO_8859_1", which supports all characters from the ISO/IEC 8859-1 character set. To enable support for all Unicode characters, set the encoding to "UTF_8".

    See the Angular QR Code Encoding demo

  • Error Correction

    The Angular QR Code component helps you create codes that will always work with error correction. Error correction and recovery allows partially damaged or covered QR codes to remain readable.

    See the Angular QR Code Error Correction demo

Kendo Angular UI Getting Started Background

Get Started with Kendo UI for Angular

Kendo UI