> 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/hint-text.md).

# Hint Text

Komponen ini bertujuan untuk menampilkan informasi berupa teks petunjuk.

### Cara menambahkan *hint text component* 

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

* Buka Qore App Editor 
* Pada tab library, di section text pilih *hint 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%2FpJTIEY0hu5iXVDEieehM%2Fimage.png?alt=media&amp;token=99ec2fba-2842-437c-ad3e-da3412dcfcb0" alt=""><figcaption></figcaption></figure>
* Jika berhasil maka hint *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%2FSSUz5JmueV35y5xPwkOC%2Fimage.png?alt=media&amp;token=e2a869a0-baa4-4626-8881-ff03f9525675" alt=""><figcaption></figcaption></figure>

### Properties *hint text component*

Hint text component memiliki properties yang dapat diatur oleh editor yakni&#x20;

* **Status** : *properties* ini menentukan status dari petunjuk apakah sebagai info, error , sukses atau warning. Status yang dipilih nantinya akan mempengaruhi layout dari hint component
* **Title  :** *properties* ini mengatur text yang akan dijadikan sebagai judul dari petunjuk tersebut
* **Description** : *properties* ini mengatur penjelasan tambahan dari petunjuk yang akan disampaikan ke user
* **Letter case :**  *properties* ini memungkinkan editor untuk mengubah huruf kecil atau huruf besar dengan cepat&#x20;
* **Close action :** jika properties ini diaktifkan maka petunjuk tersebut bersifat sementara, dan user tidak diharuskan untuk memenuhi suatu hal dari petunjuk tersebut\ <br>

  <figure><img src="https://2184609992-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2oMlC98xrWRwMo6hcAGn%2Fuploads%2FYXYCbP2I3CTd7jHjbVFx%2Fimage.png?alt=media&amp;token=941eb2df-e253-43df-aab0-e5b92c33b956" alt=""><figcaption><p>Tampilan hint text component dengan properties close action yang aktif</p></figcaption></figure>