LVRS Storyboard Frame

components/navigation/HierarchyItem.svx

Path: components/navigation/HierarchyItem.svx

Last modified:

HierarchyItem

위치: qml/components/navigation/HierarchyItem.qml

HierarchyItem는 아이콘, 레이블 및 트리 깊이 들여쓰기가 포함된 계층 목록의 한 행입니다.

목적

  • 트리 계층 구조에서 하나의 노드 행을 렌더링합니다.
  • Figma 크기의 리듬(28 행 높이, 16 아이콘)이 표시된 아이콘 및 라벨을 표시합니다.
  • 계산된 왼쪽 패딩을 사용하여 계층 깊이를 반영합니다.

API

주요 데이터:

  • label(text의 별칭)
  • iconName
  • iconSource
  • iconGlyph
  • showChevron
  • expanded
  • enabled

계층적 맥락:

  • indentLevel
  • indentStep(기본값 13)
  • baseLeftPadding(기본값 8)
  • computedLeftPadding (baseLeftPadding + indentLevel * indentStep)

신원:

  • itemId
  • itemKey
  • parentItemKey
  • pathLabel
  • nodeData

신호/대화:

  • 행을 클릭하면 HierarchyList를 소유함으로써 아이템이 활성화됩니다.
  • 체브론 클릭 토글 expanded

사용법

import LVRS 1.0 as LV

LV.HierarchyItem {
    label: "Camera"
    iconName: "projectStructure"
    indentLevel: 2
    showChevron: true
}

운영 참고 사항

  • 기본 체브론 색상은 Figma 톤을 통해 Theme.darkGrey10를 따릅니다.
  • HierarchyList 내부에서 사용할 경우, 활성화/가시성은 목록 상태에 따라 관리됩니다.