Tab

Tab adalah tombol yang selalu muncul dalam kelompok dan bergantung pada status satu sama lain: hanya satu yang dapat aktif pada waktu tertentu.

ikon panggilan
Komponen tombol
Tombol yang bukan tab dapat beroperasi secara independen dari tombol lainnya.

Anatomi

1. Ikon tab aktif
2. Ikon tab tidak aktif
3. Label tab aktif
4. Label tab tidak aktif

Spesifikasi

Tab yang tersusun di dalam bilah aplikasi – rata kiri

ikon panggilan
Komponen bilah aplikasi & header
Spesifikasi, panduan gaya, dan lainnya.

Tab yang tersusun di dalam bilah aplikasi – perataan yang fleksibel.

Dengan penataan yang fleksibel, konfigurasi tab dapat meregang atau memampatkan untuk menyesuaikan dengan ruang yang tersedia.

Tab dilipat di bilah aplikasi – menu laci

ikon panggilan
Komponen bilah aplikasi & header
Spesifikasi, panduan gaya, dan lainnya.

Tab bar terpisah – rata kiri

Tab bar mandiri – perataan yang fleksibel

Dengan penataan yang fleksibel, konfigurasi tab dapat meregang atau memampatkan untuk menyesuaikan dengan ruang yang tersedia.

Label tab string meluap

Tata letak yang dapat diskalakan

Tata letak referensi ini menunjukkan cara menyesuaikan tab agar sesuai dengan layar dengan berbagai lebar dan tinggi. Perhatikan bahwa semua nilai piksel adalah dalam piksel yang dirender, sebelum terjadi pengurangan atau peningkatan resolusi.

Layar standar versus layar lebar dalam kategori tinggi pendek.

Layar standar versus layar lebar dalam braket tinggi standar.

Layar standar versus layar lebar dalam kategori tinggi ruangan

Layar ekstra lebar dan super lebar dalam semua rentang ketinggian.

Gaya

Tipografi

Gaya huruf Jenis Huruf Berat Ukuran (dp)
Badan 3M Robot Sedang 24
Tubuh 3 Robot Biasa 24

Warna

Elemen Warna (mode siang) Warna (mode malam)
Tipe/ikon utama Putih Putih @ 88%
Tipe/ikon sekunder Putih @ 72% Putih @ 60%
Latar belakang bilah tab Hitam Hitam
Latar belakang bilah tab saat digulir Hitam @ 84% Hitam @ 88%
Ikon tab - status aktif Putih Putih @ 88%
Ikon tab - status tidak aktif Putih @ 56% Putih @ 50%

Perekat

Elemen Ukuran (dp)
Ikon utama 44
Ikon sekunder 36
Target sentuh ikon 76

Contoh

Tab dilipat.


Tab yang tersusun di dalam bilah aplikasi.

Bilah tab mandiri.