# Icon Button

Cara menambahkan Icon Button component

Berikut langkah-langkah untuk menambahkan Icon Button *component*

* Buka Qore App Editor 

* Pada tab library, di section button pilih Icon Button *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="/files/z9QjHPMX4KfjDwwdB96e" alt=""><figcaption></figcaption></figure>

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

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

Properties dari Icon Button component adalah&#x20;

Design :

* Icon : mengatur icon yang ditampilkan pada button
* Variant : mengatur style atau tampilan button
* Size : mengatur ukuran button, apakah large, medium, small, atau extra small

Berikut contoh Icon Button yang telah dimodifikasi

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.qore.dev/component/button/icon-button.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.