---
title: QRCode
page_title: Overview - QRCode - Kendo UI for Vue
description: "Get an overview of the features the Kendo UI QRCode wrapper for Vue delivers and use the component in Vue projects."
slug: overview_qrcode_wrapper
position: 2
---

<div><WrapperBanner></WrapperBanner></div>

# QRCode Overview

[QRCodes](https://en.wikipedia.org/wiki/QR_code) take a piece of information from a transitory media and help you generate Canvas and [Scalable Vector Graphics (SVG)](https://www.w3.org/Graphics/SVG/) images which represent QR (Quick Response) codes and can be quickly read by a cell phone.

The QRCode renders all graphics on the client by using Canvas or SVG and supports [different conventions](https://docs.telerik.com/kendo-ui/controls/barcodes/qrcode/overview#general-conventions) for the values and a fallback to VML for older browsers.

The QRCode wrapper for Vue is a client-side wrapper for the [Kendo UI QRCode](https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/qrcode) widget.

## Basic Usage

The following example demonstrates the QRCode in action.

{% meta height:450 %}
{% embed_file barcode/qrcode/main.vue preview %}
{% embed_file barcode/qrcode/main.js %}
{% endmeta %}

## Suggested Links

* [Kendo UI QRCode for jQuery](https://docs.telerik.com/kendo-ui/controls/barcodes/qrcode/overview)
* [API Reference of the QRCode Widget](https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/qrcode)