> ## 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.

# Balloon

> Dokumentasi komponen Balloon di YiDA, mencakup skenario penggunaan, konfigurasi properti, dan contoh. Menampilkan tips bantuan ringan yang muncul saat pengguna berinteraksi dengan elemen halaman.

## Kapan digunakan

* Ketika pengguna berinteraksi dengan objek target (teks, gambar, kolom input, dan lainnya), tips bantuan muncul segera mengikuti tindakan tersebut.

## Contoh komponen

## Properti komponen

| Properti                | Deskripsi                                                                                                                  | Tipe                                                                                       | Default          |
| ----------------------- | -------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------ | ---------------- |
| `TYPE`                  | Menetapkan tipe balloon. Jika tipe diatur ke **tooltip**, teks ditampilkan secara langsung.                                | `'balloon' \| 'tooltip'`                                                                   | `'balloon'`      |
| `afterClose`            | Peristiwa yang dipicu setelah overlay Balloon ditutup. Jika animasi diterapkan, peristiwa dipicu setelah animasi berakhir. | `() => void`                                                                               | -                |
| `align`                 | Posisi tampilan overlay balloon.                                                                                           | `'t' \| 'b' \| 'l' \| 'r' \| 'tl' \| 'tr' \| 'bl' \| 'br' \| 'lt' \| 'lb' \| 'rt' \| 'rb'` | `'b'`            |
| `balloonOverlayVisible` | Menentukan apakah overlay ditampilkan di desainer. Konfigurasi ini hanya berlaku di desainer.                              | `boolean`                                                                                  | `true`           |
| `closable`              | Menentukan apakah tombol tutup ditampilkan.                                                                                | `boolean`                                                                                  | `true`           |
| `content`               | Konten yang ditampilkan oleh komponen balloon.                                                                             | `string`                                                                                   | `'Konten tips'`  |
| `defaultVisible`        | Menentukan apakah komponen terlihat saat diinisialisasi.                                                                   | `boolean`                                                                                  | `false`          |
| `delay`                 | Jeda sebelum balloon muncul. Hanya berlaku ketika jenis pemicu adalah hover. Satuan: ms.                                   | `number`                                                                                   | `0`              |
| `display`               | Mengonfigurasi ruang yang ditempati oleh elemen pemicu.                                                                    | `'inline-block' \| 'block'`                                                                | `'inline-block'` |
| `onClose`               | Peristiwa yang dipicu ketika overlay Balloon ditutup.                                                                      | `() => void`                                                                               | -                |
| `onVisibleChange`       | Peristiwa yang dipicu setelah overlay Balloon ditutup. Jika animasi diterapkan, peristiwa dipicu setelah animasi berakhir. | `(visible: boolean) => void`                                                               | -                |
| `overlayMaxWidth`       | Mengontrol lebar maksimum overlay. **'initial'** berarti tanpa batas lebar.                                                | `string`                                                                                   | `'300px'`        |
| `triggerType`           | Mengontrol kondisi pemicu untuk komponen balloon.                                                                          | `'hover' \| 'click' \| 'focus'`                                                            | `'click'`        |
| `type`                  | Tipe gaya balloon.                                                                                                         | `'normal' \| 'primary'`                                                                    | `'normal'`       |