Tab
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Tab mengatur konten di berbagai layar, set data, dan
interaksi. Tab dapat digunakan untuk beralih antartampilan grup informasi
yang berbeda dan yang terkait.
Referensi
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:
- Indikator pil
- 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
- Ikon (opsional)
- Label
- Indikator aktif
- Pil
- Bar
- Penampung
Status
- Default
- Fokus
- Dipilih
Spesifikasi
Perilaku
Saat berpindah dari satu tab ke tab berikutnya, konten di bawah ini juga bergeser ke kiri atau
kanan berdasarkan pergerakan tab.
Konten dan contoh kode di halaman ini tunduk kepada lisensi yang dijelaskan dalam Lisensi Konten. Java dan OpenJDK adalah merek dagang atau merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-07-27 UTC.
[null,null,["Terakhir diperbarui pada 2025-07-27 UTC."],[],[],null,["# Tabs organize content across different screens, data sets, and\ninteractions. Tabs can be used to switch between views of distinct and\nrelated groups of information.\n\nResources\n---------\n\n| Type | Link | Status |\n|----------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------|\n| Design | [Design source (Figma)](https://goo.gle/tv-desing-kit) | Available |\n| Implementation | [Jetpack Compose](/reference/kotlin/androidx/tv/material3/package-summary#TabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function0,kotlin.Function2,kotlin.Function1)) | Available |\n\nHighlights\n----------\n\n- Tabs can scroll horizontally. A UI can have as many tabs as needed.\n- Tabs organize content into categories to help users find different types of information quickly.\n- Tabs are displayed next to each other as peers, in categories of equal importance.\n\nVariants\n--------\n\nThere are two types of tab indicators: \n\n1. Pill indicator\n2. Bar indicator\n\nChoose the right type according to emphasis. Pill indicator tabs are\nrecommended for organizing full pages. They display the main content\ndestinations. Bar indicator tabs are used within a content area to further\nseparate related content and establish hierarchy.\n\nAnatomy\n-------\n\n1. Icon (optional)\n2. Label\n3. Active indicator\n 1. Pill\n 2. Bar\n4. Container\n\nStates\n------\n\n1. Default\n2. Focused\n3. Selected\n\nSpecs\n-----\n\nBehavior\n--------\n\nWhen moving from one tab to the next the content below also slides left or\nright based on the tab movement."]]
