# Floating Button

Cara menambahkan Floating Button component

Berikut langkah-langkah untuk menambahkan Floating Button *component*

* Buka Qore App Editor 

* Pada tab library, di section button pilih Floating 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/LsrR1HUjQFFmk8U3o1Wj" alt=""><figcaption></figcaption></figure>

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

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

Properties dari Floating Button component adalah&#x20;

Design :

* Icon Button : mengatur icon yang ditampilkan pada button
* Size : mengatur ukuran button, apakah small, medium, atau large
* Show on : mengatur floating button akan tampil pada tipe device apa saja, apakah mobile, tablet, dekstop, atau semua tipe device
* Type : mengatur tipe dari button, terdapat pilihan action dan expand. Jika action&#x20;

Berikut contoh Floating Button yang telah dimodifikasi

<figure><img src="/files/hqQ2olLawUlHTgwD4uWQ" 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/floating-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.