> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Button

> Referensi komponen Button di YiDA — atur tipe, ukuran, dan status tombol serta ikat event klik untuk memicu tindakan langsung pada halaman aplikasi low-code.

Button digunakan untuk memicu tindakan langsung.

## Kapan digunakan

* Untuk menandai satu perintah tindakan (atau membungkus sekelompok perintah) yang merespons klik pengguna dan menjalankan logika bisnis terkait.

## Contoh komponen

## Properti komponen

| Atribut                    | Deskripsi                                                                                                                              | Tipe                                                                                                                                                            | Default     |
| -------------------------- | -------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
| `baseIcon`                 | Ikon dasar Button. Lihat [pengaturan properti](/id/open/yida/components/basic/icon#properti-komponen) **baseIcon** pada komponen Icon. | `string`                                                                                                                                                        | -           |
| `behavior`                 | Status tampilan formulir.                                                                                                              | `'NORMAL' \| 'DISABLED' \| 'HIDDEN'`                                                                                                                            | `'NORMAL'`  |
| `content`                  | Konten teks Button.                                                                                                                    | `string`                                                                                                                                                        | `'Button'`  |
| `contentMarginMobile`      | Margin kiri dan kanan Button pada perangkat mobile.                                                                                    | `'0' \| '16'`                                                                                                                                                   | `'0'`       |
| `loading`                  | Apakah Button berada dalam status memuat.                                                                                              | `boolean`                                                                                                                                                       | `false`     |
| `otherIcon`                | Ikon tambahan. Lihat [pengaturan properti](/id/open/yida/components/basic/icon#properti-komponen) **otherIcon** pada komponen Icon.    | `string`                                                                                                                                                        | -           |
| `size`                     | Ukuran Button.                                                                                                                         | `'small' \| 'medium' \| 'large'`                                                                                                                                | `'medium'`  |
| `triggerEventsWhenLoading` | Apakah Button tetap merespons tindakan saat berada dalam status memuat.                                                                | `boolean`                                                                                                                                                       | `false`     |
| `type`                     | Tipe Button.                                                                                                                           | `'primary' \| 'normal' \| 'secondary' \| 'ghostLight' \| 'ghostDark' \| 'warningNormal' \|'warningPrimary' \| 'textNormal' \| 'textPrimary' \| 'textSecondary'` | `'primary'` |