# 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="https://2184609992-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2oMlC98xrWRwMo6hcAGn%2Fuploads%2FHPMHQU9DwuIOCY9y6hd3%2Fimage.png?alt=media&#x26;token=b3baa63d-887d-4d01-afe5-e20ea419c9fe" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2184609992-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2oMlC98xrWRwMo6hcAGn%2Fuploads%2FmRhyItTbKKUD1SPpTrTI%2Fimage.png?alt=media&#x26;token=8b3c3707-8bd9-4aac-b8e4-167065cdc4fb" 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="https://2184609992-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2oMlC98xrWRwMo6hcAGn%2Fuploads%2FxAdkrB9mSpmNTkToePyT%2Fimage.png?alt=media&#x26;token=e66192fa-2fc7-43e3-97ba-b74d71f2a96d" alt=""><figcaption><p>Component Rich Text dengan setting limit text yang diaktifkan</p></figcaption></figure>