Langsung ke konten utama

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