background

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 support.
  • Part of the Kendo UI for Angular library along with 110+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
QR Code - Header
  • 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

    QR Code - 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

All Kendo UI for Angular Components

Next Steps

Get Started with Kendo UI for Angular

Kendo UI for Angular - Kendoka