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 2024-08-19 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Informasi yang saya butuhkan tidak ada"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Terlalu rumit/langkahnya terlalu banyak"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Sudah usang"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Masalah terjemahan"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Masalah kode / contoh"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Lainnya"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Mudah dipahami"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Memecahkan masalah saya"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Lainnya"
}]
{"lastModified": "Terakhir diperbarui pada 2024-08-19 UTC."}
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2024-08-19 UTC."]]
