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

# Tipe Atribut dan setter

> Tipe Atribut Komponen dan setter menyediakan opsi konfigurasi preset untuk memenuhi beragam kasus penggunaan. Setiap tipe Atribut dipetakan ke setter tertentu, termasuk tipe Teks, boolean, Angka, dan object dengan setter yang sesuai seperti TextSetter, BoolSetter, dan NumberSetter.

<Note>
  Dokumen ini saat ini hanya terlihat oleh Anggota Grup Pengetahuan. Jangan modifikasi — akan dipublikasikan setelah ditinjau.
</Note>

Tipe Atribut Komponen dan setter menyediakan opsi konfigurasi preset untuk memenuhi beragam kasus penggunaan. Setiap tipe Atribut dipetakan ke setter tertentu. Lihat tabel di bawah untuk detailnya.

<table>
  <tr>
    <td>**Tipe Atribut**</td>
    <td>**Nama setter**</td>
    <td>**Deskripsi**</td>
    <td>**Ilustrasi**</td>
  </tr>

  <tr>
    <td rowSpan={5}>**Teks**</td>
    <td>TextSetter</td>
    <td>Setter Teks: gaya Standar untuk Komponen bertipe Teks. Mendukung input Teks reguler.</td>

    <td />
  </tr>

  <tr>
    <td>I18nSetter</td>
    <td>Internasionalisasi Dinonaktifkan secara Default untuk Komponen yang baru ditambahkan. Untuk mengaktifkannya, klik tombol internasionalisasi di atas panel Pengaturan Atribut. Ini akan meluncurkan Editor, tempat Anda dapat Buat Entri i18n baru atau Cari Entri yang sudah ada untuk diikat.<br />Untuk Entri yang sudah terikat, klik tombol internasionalisasi untuk Edit Teks terjemahan di setiap Bahasa secara langsung.</td>

    <td />
  </tr>

  <tr>
    <td>DateSetter</td>
    <td>Menyediakan pemilih Tanggal dan menampilkan Waktu yang Dipilih pada Halaman sebagai Stempel waktu.</td>

    <td />
  </tr>

  <tr>
    <td>ChoiceSetter</td>
    <td>Atribut Komponen Kustom muncul sebagai opsi di panel Atribut. Memilih opsi yang berbeda akan memperbarui Konten Komponen pada Halaman ke nilai preset yang sesuai.</td>

    <td />
  </tr>

  <tr>
    <td>ImageSetter</td>

    <td />

    <td />
  </tr>

  <tr>
    <td>**boolean**</td>
    <td>BoolSetter</td>
    <td>Atribut Komponen Kustom muncul sebagai sakelar di panel Atribut pada Halaman desain Formulir. Ketika disetel ke Aktif, Konten Komponen menampilkan `true`; ketika disetel ke Tutup, menampilkan `false`.</td>

    <td />
  </tr>

  <tr>
    <td>**Angka**</td>
    <td>NumberSetter</td>
    <td>Mengubah Formulir Kustom menjadi Komponen yang mirip dengan Komponen Numerik YiDA. Hanya input numerik yang diperbolehkan, dan nilai yang dimasukkan pada panel Atribut ditampilkan pada Konten Komponen.</td>

    <td />
  </tr>

  <tr>
    <td>**object**</td>
    <td>JsonSetter</td>
    <td>Memungkinkan nilai Atribut Komponen dimasukkan sebagai kode berformat object. Konten Komponen ditampilkan sebagai `[object Object]`.</td>

    <td />
  </tr>

  <tr>
    <td rowSpan={3}>**array**</td>
    <td>OptionsSetter</td>
    <td>Digunakan untuk menghasilkan object array sederhana. Biasanya digunakan untuk konfigurasi opsi pada pemilih dropdown.</td>

    <td />
  </tr>

  <tr>
    <td>ListSetter</td>
    <td>Digunakan untuk menghasilkan Komponen object yang kompleks. Konfigurasinya relatif kompleks.</td>

    <td />
  </tr>

  <tr>
    <td>JsonSetter</td>
    <td>Sama seperti setter object JsonSetter.</td>
    <td>Berperilaku sama seperti setter object JsonSetter.</td>
  </tr>

  <tr>
    <td rowSpan={2}>**Fungsi**</td>
    <td>ActionSetter</td>
    <td>Digunakan untuk Konfigurasikan Fungsi Callback. Ketika ActionSetter Dipilih, Atribut muncul sebagai pengaturan Tindakan di bawah **Premium** saat runtime.<br />ActionSetter harus diikat sebelum digunakan. Untuk mengikat Callback peristiwa secara Default, gunakan CodeSetter sebagai gantinya.</td>

    <td />
  </tr>

  <tr>
    <td>CodeSetter</td>
    <td>Digunakan untuk Konfigurasikan Fungsi Callback. Tidak seperti ActionSetter, ia menghasilkan kotak kode secara langsung saat runtime.</td>

    <td />
  </tr>

  <tr>
    <td>**Elemen**</td>
    <td>SlotSetter</td>
    <td>Digunakan untuk membangun Komponen bertipe kontainer yang menerima Komponen lain. Untuk menggunakannya, deklarasikan terlebih dahulu sebuah Atribut dan Pilih SlotSetter, lalu seret Komponen "Slot placeholder" dan ikat ke Atribut yang telah dideklarasikan.</td>

    <td />
  </tr>
</table>