คอมโพเนนต์
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
คอมโพเนนต์คือองค์ประกอบแบบอินเทอร์แอกทีฟที่ใช้สร้างอินเทอร์เฟซผู้ใช้
โดยสามารถจัดกลุ่มได้เป็น 5 หมวดหมู่ตามวัตถุประสงค์ ได้แก่ การดำเนินการ การควบคุม การนำทาง การเลือก และการป้อนข้อความ
ตัวอย่างเนื้อหาและโค้ดในหน้าเว็บนี้ขึ้นอยู่กับใบอนุญาตที่อธิบายไว้ในใบอนุญาตการใช้เนื้อหา Java และ OpenJDK เป็นเครื่องหมายการค้าหรือเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2025-07-27 UTC
[[["เข้าใจง่าย","easyToUnderstand","thumb-up"],["แก้ปัญหาของฉันได้","solvedMyProblem","thumb-up"],["อื่นๆ","otherUp","thumb-up"]],[["ไม่มีข้อมูลที่ฉันต้องการ","missingTheInformationINeed","thumb-down"],["ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป","tooComplicatedTooManySteps","thumb-down"],["ล้าสมัย","outOfDate","thumb-down"],["ปัญหาเกี่ยวกับการแปล","translationIssue","thumb-down"],["ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด","samplesCodeIssue","thumb-down"],["อื่นๆ","otherDown","thumb-down"]],["อัปเดตล่าสุด 2025-07-27 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)"]]