구성요소
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
구성요소는 사용자 인터페이스를 만들기 위한 대화형 빌딩 블록입니다.
용도에 따라 작업, 격리, 탐색, 선택, 텍스트 입력이라는 5가지 카테고리로 나눌 수 있습니다.
이 페이지에 나와 있는 콘텐츠와 코드 샘플에는 콘텐츠 라이선스에서 설명하는 라이선스가 적용됩니다. 자바 및 OpenJDK는 Oracle 및 Oracle 계열사의 상표 또는 등록 상표입니다.
최종 업데이트: 2025-07-26(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-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)"]]