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

# Search

> Dokumentasi komponen Search di YiDA — konfigurasi properti dan pengikatan event untuk pencarian data halaman dan formulir berbasis kata kunci secara efisien.

## Kapan digunakan

* Gunakan untuk mencari data halaman atau formulir.

## Contoh komponen

## Properti komponen

| Atribut              | Deskripsi                                                        | Tipe                                                                        | Default                                                                                                                                  |
| -------------------- | ---------------------------------------------------------------- | --------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------- |
| `autoFocus`          | Mengaktifkan fokus otomatis.                                     | `boolean`                                                                   | `false`                                                                                                                                  |
| `dataSource`         | Mengatur nilai daftar dropdown pada kotak pencarian.             | [SearchDataSource\[\]](/id/open/yida/components/interface#searchdatasource) | `[ { "label": "Tmall", "value": "value1" }, { "label": "Taobao", "value": "value2" }, { "label": "Alibaba Group", "value": "value3" } ]` |
| `defaultFilterValue` | Mengatur nilai default selektor saat tombol selektor diaktifkan. | `string`                                                                    | `'one'`                                                                                                                                  |
| `defaultValue`       | Nilai default kotak pencarian.                                   | `string`                                                                    | -                                                                                                                                        |
| `disabled`           | Menonaktifkan komponen.                                          | `boolean`                                                                   | `false`                                                                                                                                  |
| `filter`             | Mengatur nilai daftar dropdown pada selektor.                    | [SearchDataSource\[\]](/id/open/yida/components/interface#searchdatasource) | `[ { "label": "one", "value": "one" }, { "label": "two", "value": "two" }, { "label": "three", "value": "three" } ]`                     |
| `hasClear`           | Menampilkan tombol hapus.                                        | `boolean`                                                                   | `false`                                                                                                                                  |
| `isFilter`           | Mengaktifkan selektor.                                           | `boolean`                                                                   | `false`                                                                                                                                  |
| `onChange`           | Peristiwa yang dipicu saat nilai komponen berubah.               | `(value: string) => void`                                                   | -                                                                                                                                        |
| `onFilterChange`     | Peristiwa yang dipicu saat nilai selektor berubah.               | `(filterValue: string) => void`                                             | -                                                                                                                                        |
| `onSearch`           | Peristiwa yang dipicu saat tombol pencarian diklik.              | `(value: string) => void`                                                   | -                                                                                                                                        |
| `placeholder`        | Placeholder default kotak pencarian.                             | `string`                                                                    | `'Silakan masukkan'`                                                                                                                     |
| `searchText`         | Teks pada tombol pencarian.                                      | `string`                                                                    | `'Cari'`                                                                                                                                 |
| `shape`              | Bentuk kotak pencarian.                                          | `'normal' \| 'simple'`                                                      | `'normal'`                                                                                                                               |
| `size`               | Ukuran.                                                          | `'medium' \| 'large'`                                                       | `'medium'`                                                                                                                               |
| `type`               | Tipe gaya pencarian.                                             | `'normal' \| 'primary' \| 'secondary' \| 'dark'`                            | `'normal'`                                                                                                                               |