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

# Rich Text

### Cara menambahkan *rich text component* 

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

* Buka Qore App Editor 
* Pada tab library, di section text pilih *rich 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/0UuV1dRIZOwGMvFpV5jV" alt=""><figcaption></figcaption></figure>

    &#x20;Jika berhasil maka description *text component* akan muncul di *emulator editor screen* seperti berikut&#x20;

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

### Properties *rich text component*

Rich text component memiliki 3 properties yang dapat diatur yakni&#x20;

* **Text** : *properties* ini menentukan text yang akan muncul di aplikasi
* **Alignment  :***properties* ini mengatur perataan text di aplikasi apakah rata kiri, rata tengah, rata kanan
* **Limit text :**  *properties* ini mengatur apakah text tersebut dapat ditampilkan sebagian atau langsung ditampilkan secara keseluruhan. \
  \
  Jika setting limit text diaktifkan maka text akan ditampilkan sebagian dan terdapat button untuk mengakses keseluruhan text <br>

  <figure><img src="/files/Z3wwFrJTrva1eXj0KvQP" alt=""><figcaption><p>Component Rich Text dengan setting limit text yang diaktifkan</p></figcaption></figure>