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

> Tambahkan widget tombol ke dasbor untuk memicu tindakan buka tautan, navigasi halaman, atau otomatisasi — lengkap dengan gaya dan ikon yang dapat dikustom untuk alur kerja satu klik berbasis tugas.

## Ikhtisar

Komponen tombol **memicu tindakan atau alur tertentu** pada dasbor. Konfigurasikan satu atau beberapa tombol untuk menjalankan operasi data yang telah ditetapkan, navigasi halaman, atau perintah sistem — berbasis tugas dan cepat.

**Kasus penggunaan umum**:

* **Memicu operasi data**: konfigurasikan tombol seperti "Perbarui rekaman" atau "Hapus rekaman". Satu klik menjalankan tindakan pada data atau alur kerja.
* **Navigasi halaman dan penelusuran mendalam**: siapkan tombol "Kembali ke beranda", "Lihat Detail", atau "Analisis produk" untuk berpindah halaman dan menelusuri data secara mendalam.
* **Tautan eksternal**: tombol "Dokumentasi" atau "Pusat Bantuan" langsung menuju situs atau sistem eksternal, sehingga memperluas jangkauan aplikasi Anda dengan mulus.

## Alur kerja

### **Menambahkan komponen tombol**

1. Buka modul aplikasi AI Table.
2. Dari navigasi kiri, pilih halaman tempat Anda ingin menambahkan komponen.
3. Klik **+ Tambah komponen** di kiri bawah halaman, lalu pilih **Button**.

### **Konfigurasi dasar**

Setelah ditambahkan, gunakan **Konfigurasi dasar** di panel kanan untuk mengatur:

* **Gaya preset**
  * 9 templat gaya bawaan (kombinasi warna, garis tepi, dan ikon). Pilih salah satu untuk langsung mengubah tampilan tombol.
* **Konten**
  * **Judul**: label utama pada tombol. Nilai default-nya adalah "Button". Ubah menjadi "Lihat Detail", "Rincian produk", dan sebagainya.
  * **Ikon tombol**: pilih ikon dari pustaka untuk memperkuat tujuan tombol secara visual.
* **Tindakan (saat diklik)**

  Tentukan apa yang terjadi ketika pengguna mengklik tombol. Ini adalah konfigurasi inti:

  * **Buka tautan**: menuju URL eksternal atau sumber daya internal. Masukkan URL yang valid (mis., `https://example.com`).

  * **Buka halaman**: menuju halaman lain di aplikasi saat ini. Pilih dari menu dropdown.

  * **Jalankan otomatisasi**: memicu otomatisasi yang telah dikonfigurasi (mis., kirim pesan atau perbarui rekaman). Setelah memilih, Anda diarahkan ke konfigurasi otomatisasi untuk membangun alurnya.

### **Konfigurasi kustom**

Di bagian **Konfigurasi kustom** pada panel kanan, sesuaikan gaya visualnya secara detail.

* **Gaya dasar**
  * **Ukuran tombol**: **Default** atau **Besar**.
* **Warna**
  * **Warna tombol**: warna latar dari palet.
  * **Warna ikon**: warna isian ikon.
  * **Latar ikon**: latar **Tidak ada**, **Terang**, atau **Terbalik** untuk menonjolkan ikon.
* **Garis tepi**
  * **Warna garis tepi**: pilih dari palet.
  * **Ketebalan garis tepi**: `1px`, `2px`, dan sebagainya dari menu dropdown.
* **Gaya teks**
  * Sesuaikan **font**, **ukuran**, **ketebalan (tebal)**, **warna**, **jarak antarhuruf**, serta **miring / garis bawah**.

### **Pengelolaan komponen**

* **Menu tindakan**

  Klik ikon di kanan atas komponen yang dipilih:

  * **Konfigurasikan**: buka panel konfigurasi.
  * **Duplikat**: salin di halaman yang sama.
  * **Salin ke**: salin ke halaman lain di aplikasi ini.
  * **Hapus**: hapus dari halaman ini.
* **Ubah ukuran dan pindahkan**

  * **Ubah ukuran**: arahkan kursor ke sudut kanan bawah, lalu seret pegangannya.
  * **Pindahkan**: arahkan kursor ke komponen, tahan mouse, lalu seret untuk memindahkan posisinya.