# QR Code Generator

Cara menambahkan QR Code Generator component

Berikut langkah-langkah untuk menambahkan qr code generator *component*

* Buka Qore App Editor 

* Pada tab library, di section media pilih qr code generator *component*. Terdapat 2 cara untuk menambahkan *component* ke dalam emulator 

  * Jika ingin menambahkan *component* langsung ke suatu page, kamu dapat *double-click card* tersebut
  * Jika ingin menambahkan *component* ke dalam salah satu kontainer di page tersebut, kamu dapat *drag and drop* ke dalam kontainer yang diinginkan

  <figure><img src="/files/keYMX4HLwBRAK9HeazfE" alt=""><figcaption></figcaption></figure>

* Jika berhasil maka qr code generator *component* akan muncul di *emulator editor screen* seperti berikut&#x20;

<figure><img src="/files/TVv8WPYxszfcfXvxaxvZ" alt=""><figcaption></figcaption></figure>

Properties dari qr code generator component adalah&#x20;

Data :

* Source : tabel pada qore data yang digunakan sebagai sumber data
* Default row : baris data yang akan diretrieve dari tabel, apakah defaultnya adalah baris pertama, atau juga dapat menggunakan id baris

Design :&#x20;

* Title : judul dari QR code&#x20;
* Description : keterangan atau deskripsi singkat dari qr code
* Code : code yang akan digunakan untuk menggenerate qr code
* Display code : Jika toggle diaktifkan maka di bawah qr code akan ditampilkan code dari qr code
* Style : mengatur style tampilan qr code, apakah ghost (tanpa background) ataupun solid (menggunakan background)

Berikut contoh qr code generator yang telah dimodifikasi

<figure><img src="/files/2nxNwxtofeHTO4clqzAi" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.qore.dev/component/media/qr-code-generator.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.