# Embed

Cara menambahkan Embed component

Berikut langkah-langkah untuk menambahkan embed *component*

* Buka Qore App Editor 

* Pada tab library, di section media pilih embed *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

  <figure><img src="https://2184609992-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2oMlC98xrWRwMo6hcAGn%2Fuploads%2Ft8erFp6AzLYQn2wIuYWc%2Fmed33.png?alt=media&#x26;token=34c3166d-00f6-477b-b50f-efb3af7a905a" alt=""><figcaption></figcaption></figure>

* Jika berhasil maka embed *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%2FAKbgQYjxFanUhsQbHCCC%2Fmed3.png?alt=media&#x26;token=a92645b0-e657-4a9e-9f4c-51257e33e860" alt=""><figcaption></figcaption></figure>

Properties dari embed component adalah&#x20;

Design :&#x20;

* Embed : link dari video yang akan di-embed
* Ratio : ratio dari tampilan video, apakah square, 16:9, 4:3, 2:1

Berikut contoh embed yang telah dimodifikasi

<figure><img src="https://2184609992-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2oMlC98xrWRwMo6hcAGn%2Fuploads%2FE08G6uMyGH0O9B1025Df%2Fmed333.png?alt=media&#x26;token=28f7027f-89a5-44ee-b3ae-51c5db87b06e" alt=""><figcaption></figcaption></figure>