> 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

Komponen ini bertujuan untuk menampilkan text dengan deskripsi singkat.

### 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="https://2184609992-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2oMlC98xrWRwMo6hcAGn%2Fuploads%2F5n0wjlvnkwVwGgMLsAyB%2Fimage.png?alt=media&amp;token=9be41f5b-32ac-4ac2-bbae-7a25d8224dd8" alt=""><figcaption></figcaption></figure>
* Jika berhasil maka description *text component* akan muncul di *emulator editor screen* seperti berikut <br>

  <figure><img src="https://2184609992-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2oMlC98xrWRwMo6hcAGn%2Fuploads%2F1AEMgnZqOE55xPh8Qy3n%2Fimage.png?alt=media&amp;token=581ab2a2-2c3f-4211-adcb-b9bdddd2ea7d" 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="https://2184609992-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2oMlC98xrWRwMo6hcAGn%2Fuploads%2F8jMCwh3xA5mBPQlOCXvF%2Fimage.png?alt=media&amp;token=405a9c05-80a9-4212-aeb7-c7c9521b7a7b" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2184609992-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2oMlC98xrWRwMo6hcAGn%2Fuploads%2F9UZC70Fg9QOku9pjLiRG%2Fimage.png?alt=media&amp;token=b2aef87f-131b-4dc6-b595-a3973d88488f" alt=""><figcaption></figcaption></figure>