Halaman ini diterjemahkan oleh Cloud Translation API.

Tab

Tab adalah tombol yang selalu terjadi dalam grup dan bergantung pada status masing-masing: tab hanya dapat aktif pada waktu tertentu.

Komponen tombol

Tombol yang bukan tab dapat beroperasi secara terpisah dari tombol lainnya

Anatomi

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

Spesifikasi

Tab bertingkat di panel aplikasi – rata kiri

Label tata letak

Definisi E, M, KL, P, Flex

Komponen header &panel aplikasi

Spesifikasi, panduan gaya, dan lainnya

Tab bertingkat di panel aplikasi – perataan fleksibel

Dengan penyelarasan fleksibel, konfigurasi tab akan direntangkan atau dikompresi agar sesuai dengan ruang yang tersedia.

Tab diciutkan di panel aplikasi – menu panel samping

Komponen header &panel aplikasi

Spesifikasi, panduan gaya, dan lainnya

Panel tab mandiri – rata kiri

Panel tab mandiri – perataan yang fleksibel

Tambahan string label tab

Tata letak penskalaan

Tata letak referensi ini menunjukkan cara menyesuaikan tab untuk mengakomodasi layar dengan lebar dan tinggi yang berbeda. (Kategori lebar dan tinggi ditentukan di bagian Tata Letak.) Perhatikan bahwa semua nilai piksel dalam piksel yang dirender, sebelum terjadi down-sampling atau up-sampling.

Tata Letak

Margin, keyline, dan padding untuk berbagai ukuran layar

Label tata letak

Definisi E, M, KL, P, Flex

Layar standar vs. lebar dalam kurung tinggi pendek

Layar standar vs. lebar dalam tanda kurung tinggi standar

Layar standar vs. lebar dalam kurung tinggi

Layar ekstra lebar dan super lebar di semua tanda kurung tinggi

Gaya

Pedoman tipografi

Referensi penskalaan dan petak, contoh tipografi, dan lainnya

Pedoman warna

Palet, nilai elevasi dan opasitas, serta lainnya

Tipografi

Gaya jenis	Jenis Huruf	Berat	Ukuran (dp)
Bodi 3 M	Roboto	Media	24
Isi 3	Roboto	Reguler	24

Warna

Elemen	Warna(mode siang)	Warna (mode malam)
Jenis / ikon utama	Putih	Putih @ 88%
Jenis / ikon sekunder	Putih @ 72%	Putih @ 60%
Latar belakang panel tab	Black	Black
Latar belakang panel tab saat men-scroll	Hitam @ 84%	Hitam @ 88%
Ikon tab - status aktif	Putih	Putih @ 88%
Ikon tab - status tidak aktif	Putih @ 56%	Putih @ 50%

Pengaturan ukuran

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

Tab