> 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

### Cara menambahkan *hint text component*&#x20;

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

* Buka Qore App Editor&#x20;
* Pada tab library, di section text pilih *hint text component*. Terdapat 2 cara untuk menambahkan *component* ke dalam emulator&#x20;
  * 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/ZZ2aLreIfUEqsRD8RO3u" alt=""><figcaption></figcaption></figure>
* Jika berhasil maka hint *text component* akan muncul di *emulator editor screen* seperti berikut <br>

  <figure><img src="/files/IQlfO1NuJr93RX5REwwl" 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="/files/kPDbat9BViWagk4PsGkC" alt=""><figcaption><p>Tampilan hint text component dengan properties close action yang aktif</p></figcaption></figure>
