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

# Tabs

> Komponen tabs mengatur dan menampilkan beberapa tampilan data atau topik analisis yang terkait namun independen dalam ruang terbatas — pelapisan konten lewat pergantian tab menjaga informasi tetap terstruktur sekaligus menghemat ruang halaman.

## Ikhtisar

Komponen tabs mengatur dan menampilkan **beberapa tampilan data atau topik analisis yang terkait namun independen dalam ruang terbatas**. Pelapisan konten lewat pergantian tab menjaga informasi tetap terstruktur sekaligus menghemat ruang halaman.

**Kasus penggunaan umum**:

* **Perbandingan multidimensi**: menganalisis dan membandingkan silang satu metrik inti (mis. penjualan) di **berbagai dimensi** (produk, wilayah, periode waktu).
* **Tampilan multi-view**: dalam satu dasbor, sesuaikan tampilan khusus untuk **tim bisnis** atau peran yang berbeda (eksekutif, operasional, pemasaran).
* **Navigasi dan pengaturan konten**: dalam aplikasi dasbor atau kiosk, pisahkan modul kompleks dengan tabs — "Ikhtisar", "Tren", "Detail" — sehingga pengguna dapat menemukan informasi dengan cepat.

## Alur kerja

### **Menambah komponen tabs**

1. Buka modul aplikasi AI Table.
2. Dari navigasi kiri, pilih halaman.
3. Klik **+ Tambah komponen** di kiri bawah, lalu pilih **Tabs**.

### **Konfigurasi dasar**

Setelah ditambahkan, buka panel kanan **Konfigurasi dasar**:

* **Gaya preset**
  * 3 gaya preset untuk tampilan tab.

* **Pengelolaan tab**
  * **Tambah tab**: klik **+ Tambah tab** — hingga 20 tab.

  * **Menambah komponen ke tab**: ada dua cara. Pertama, seperti tata letak kombinasi — seret komponen ke dalam tab. Kedua, klik ikon pada tab, lalu pilih **Tambah komponen** untuk memilih massal komponen yang sudah ada di halaman.

  * **Menghapus tab**: klik ikon pada tab, lalu pilih **Hapus**.

  * **Mengganti nama tab**: klik nama tab untuk menggantinya secara inline. Nama tidak boleh kosong.

  * **Mengurutkan ulang tab**: seret pegangan di sisi kiri tab ke atas atau bawah.

* **Perilaku pergantian**
  * Posisi tab: **kiri**, **tengah**, atau **kanan**.

### **Konfigurasi kustom**

Pada panel kanan **Konfigurasi kustom**, sesuaikan tampilan visual dan interaksi:

* **Warna latar**: latar belakang komponen.
* **Warna batas**: dari palet warna.
* **Ketebalan batas**: dari dropdown.
* **Warna dipilih**: warna sorotan untuk tab yang aktif.
* **Warna tidak dipilih**: warna default untuk tab yang tidak aktif.

### **Pengelolaan komponen**

* **Menu tindakan**

  Pilih komponen, lalu klik ikon di kanan atas:

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

  * **Mengubah ukuran**: seret pegangan di kanan bawah.
  * **Memindahkan**: arahkan kursor, tahan, lalu seret.

## FAQ

#### T: Bisakah saya menyematkan tabs / tata letak kombinasi di dalam tabs?

J: Tidak.

#### T: Berapa jumlah tab maksimum?

J: 20.