AppSection
AppSection / AppSectionWrapper의 기본 구조와 direction, ratio, gap 속성을 정적으로 확인하는 데모입니다.
Account Summary
기본 column, gap=12
Header사용자 요약 정보
Body기본 콘텐츠 영역
Wrapper Header프로젝트 상태 요약 영역
Overview
첫 번째 섹션
Body진행률 / 핵심 지표
Issues
두 번째 섹션
Body이슈 목록 / 우선순위
Wrapper Header메인 + 사이드 패널 레이아웃
Main Panel
ratio 2
2fr메인 콘텐츠 영역
Side Panel
ratio 1
1fr보조 정보 영역
Weekly Tasks
정적 section 예시
Section Item 1
첫 번째 섹션
Body 1정적 섹션 #1
Detail추가 설명 영역
Section Item 2
두 번째 섹션
Body 2정적 섹션 #2
Detail추가 설명 영역
Section Item 3
세 번째 섹션
Body 3정적 섹션 #3
Detail추가 설명 영역
Weekly Tasks
반복 section 예시
Section Item 1
첫 번째 반복 섹션
Body 1v-for item #1
Detail추가 설명 영역
Section Item 2
두 번째 반복 섹션
Body 2v-for item #2
Detail추가 설명 영역
Section Item 3
세 번째 반복 섹션
Body 3v-for item #3
Detail추가 설명 영역