Tab

Tab mengatur konten di berbagai layar, set data, dan interaksi. Tab dapat digunakan untuk beralih antartampilan grup informasi yang berbeda dan yang terkait.

Referensi

Jenis	Link	Status
Desain	Sumber desain (Figma)	Tersedia
Penerapan	Jetpack Compose	Tersedia

Sorotan

• Tab dapat di-scroll secara horizontal. UI dapat memiliki tab sebanyak yang diperlukan.
• Tab mengatur konten ke dalam kategori untuk membantu pengguna menemukan berbagai jenis informasi dengan cepat.
• Tab ditampilkan berdampingan sebagai pembanding, dalam kategori yang sama pentingnya.

Varian

Ada dua jenis indikator tab:

1. Indikator pil
2. Indikator batang

Pilih jenis yang tepat sesuai dengan penekanannya. Tab indikator pil direkomendasikan untuk mengatur halaman lengkap. Tab ini menampilkan tujuan konten utama. Tab indikator batang digunakan dalam area konten untuk lebih memisahkan konten terkait dan membentuk hierarki.

Anatomi

1. Ikon (opsional)
2. Label
3. Indikator aktif
   1. Pil
   2. Bar
4. Penampung

Status

1. Default
2. Fokus
3. Dipilih

Spesifikasi

Perilaku

Saat berpindah dari satu tab ke tab berikutnya, konten di bawah ini juga bergeser ke kiri atau kanan berdasarkan pergerakan tab.