Komponen
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Komponen adalah blok bangunan interaktif untuk membuat antarmuka pengguna.
Semuanya dapat diatur ke dalam lima kategori berdasarkan tujuannya:
Tindakan, pembatasan, navigasi, pemilihan, dan input teks.
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-26 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 2025-07-26 UTC."],[],[],null,["# Components are interactive building blocks for creating a user interface.\nThey can be organized into five categories based on their purpose:\nAction, containment, navigation, selection, and text input. \n[### Buttons\nButtons help users initiate actions or flow. Choose from different types of buttons to inform emphasis.](/design/ui/tv/guides/components/buttons) [### Cards\nCards contain content and actions about a single subject.](/design/ui/tv/guides/components/cards) [### Featured carousel\nFeatured carousel highlights a set of media in a full-width container. Guide users towards featured content.](/design/ui/tv/guides/components/featured-carousel) [### Immersive list\nImmersive list highlights a selected item to show immersive content. Use it to emphasis your content.](/design/ui/tv/guides/components/immersive-list) [### Lists\nContinuous, vertical indexes of text or images. Use lists to help users select from a collection.](/design/ui/tv/guides/components/lists) [### Navigation drawer\nNavigation drawers provide access to destinations in an app. Drawers are always available at the edge of the screen](/design/ui/tv/guides/components/navigation-drawer) [### Tabs\nTabs offer a convenient way to switch between primary destinations in an app. Tabs stick to the top of the display.](/design/ui/tv/guides/components/tabs)"]]