탭 패널

탭 패널 개요

TabPanel 컨트롤을 사용하면 views, 데이터 세트 또는 응용 프로그램의 functional 측면 간 전화과 같은 높은 수준의 콘텐츠 구성을 사용할 수 있습니다. 해당 컨트롤은 콘텐츠 구성에 도움이 될 뿐만 아니라 화면이 작은 페이지에 표시할 관련 콘텐츠가 많을 때 특히 도움이 됩니다.

Tabs

TabPanel은 관련 내용 위에 단일 행으로 표시되는 탭으로 구성됩니다. 각 탭은 탭 내용을 포함하는 header 요소와 pane 요소로 구성됩니다. 헤더 요소는 항상 표시되지만 해당 헤더를 선택하면 pane 요소는 표시됩니다. 마우스나 키보드로 탭을 선택하고 현재 선택한 내용을 반영하도록 내용을 자동으로 업데이트할 수 있습니다.

TabPanel 컨트롤을 초기화하는 데 사용되는 마크업은 탭당 하나의 요소로 구성되며, 각 요소에는 탭 헤더와 탭 내용이라는 두 개의 하위 요소가 있습니다.

탭 헤더는 일반 div 요소보다 앵커 요소(tag a)를 사용하시는 것이 좋습니다.