LVRS Storyboard Frame
components/navigation/HierarchyItem.svx
Path: components/navigation/HierarchyItem.svx
HierarchyItem
위치: qml/components/navigation/HierarchyItem.qml
HierarchyItem는 아이콘, 레이블 및 트리 깊이 들여쓰기가 포함된 계층 목록의 한 행입니다.
목적
- 트리 계층 구조에서 하나의 노드 행을 렌더링합니다.
- Figma 크기의 리듬(
28행 높이,16아이콘)이 표시된 아이콘 및 라벨을 표시합니다. - 계산된 왼쪽 패딩을 사용하여 계층 깊이를 반영합니다.
API
주요 데이터:
label(text의 별칭)iconNameiconSourceiconGlyphshowChevronexpandedenabled
계층적 맥락:
indentLevelindentStep(기본값13)baseLeftPadding(기본값8)computedLeftPadding(baseLeftPadding + indentLevel * indentStep)
신원:
itemIditemKeyparentItemKeypathLabelnodeData
신호/대화:
- 행을 클릭하면
HierarchyList를 소유함으로써 아이템이 활성화됩니다. - 체브론 클릭 토글
expanded
사용법
import LVRS 1.0 as LV
LV.HierarchyItem {
label: "Camera"
iconName: "projectStructure"
indentLevel: 2
showChevron: true
}
운영 참고 사항
- 기본 체브론 색상은 Figma 톤을 통해
Theme.darkGrey10를 따릅니다. HierarchyList내부에서 사용할 경우, 활성화/가시성은 목록 상태에 따라 관리됩니다.