Components
Stay organized with collections
Save and categorize content based on your preferences.
Components are interactive building blocks for creating a user interface.
They can be organized into five categories based on their purpose:
Action, containment, navigation, selection, and text input.
Content and code samples on this page are subject to the licenses described in the Content License. Java and OpenJDK are trademarks or registered trademarks of Oracle and/or its affiliates.
Last updated 2024-03-21 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2024-03-21 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)"]]
