Home > Component > Tree Tree Tree는 주로 복잡한 관계를 가진 정보를 구조화 할 때 사용되는 UI요소로, 상 하위 레벨관계를 쉽게 파악할 수 있으며상황에 따라 Left Navigation, 일반 컨텐츠 페이지(Map), Listbox, Table등에서 쓰인다. Related Guidelines : Left Area , Inquiry, Icon, Table General Tree의 일반적인 형태로 + , - icon과 연결 Line을 사용하여 정보의 계층구조를 직관적으로 알 수 있게 한다. ‘전체접기’, ‘전체펼치기’의 기능을 덧붙여 사용할 수 있으며, 이때 아이콘의 배치는 좌측과 같다. 계층구조의 깊이는 들여쓰기를 통해 표현되며, +, - 아이콘을 클릭하면 하위구조가 펼쳐지거나 닫히는 액션이 실행된다. 이 때, +, - 아이콘은 상호 토글로 작동된다. Template Download    tree_basic.zip   [ 미리보기 ] [ 미리보기 ]   In a Table Table안에서 쓰이는 Tree는 공간 제약상 연결 Line을생략하고 쓴다. 계층구조의 깊이는 Basic과 마찬가지로 들여쓰기를 통해 표현된다 Template Download    tree_table.zip    [ 미리보기 ]