> For the complete documentation index, see [llms.txt](https://docs.qore.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.qore.dev/component/text/description-text.md).

# Description Text

### Cara menambahkan *description text component* 

Berikut langkah-langkah untuk menambahkan *description* *text component*

* Buka Qore App Editor 
* Pada tab library, di section text pilih *description text 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<br>

    <figure><img src="/files/daCPmOX8k1y6Iu9hotk6" alt=""><figcaption></figcaption></figure>
* Jika berhasil maka description *text component* akan muncul di *emulator editor screen* seperti berikut <br>

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

### Properties *description text component*

Description text component memiliki 2 bagian yakni title dan description. Setiap bagian memiliki properties sendiri - sendiri.

#### Title

* **Title** : *properties* ini menentukan text untuk title yang akan muncul di aplikasi
* **Weight :** *properties* ini menyediakan pilihan ketebalan text
* **Color :**  *properties* ini mengatur pewarnaan huruf

#### Description

* **Style :** *properties* ini untuk mengatur style description text, terdapat 2 pilihan yakni text dan label. Jika editor mmeilih style label maka akan terdapat setting tambahan yakni editor dapat menambahkan warna background description text&#x20;
* **Label :** *properties* ini menentukan text yang akan muncul di aplikasi
* **Weight :** *properties* ini menyediakan pilihan ketebalan text
* **Font Color :**  *properties* ini mengatur pewarnaan huruf
* **Label Color :**  *properties* ini mengatur pewarnaan label background

Berikut adalah contoh modifikasi *properties* untuk description text *component*

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

<figure><img src="/files/9StjfyohHDEXpbNRBW5c" alt=""><figcaption></figcaption></figure>