03 · Components · 탐색
사이드 내비게이션Side Navigation
특정 섹션 안에서 하위 페이지 이동. 문서·설정·대시보드처럼 트리가 깊은 구조에서 주로 사용합니다.
StableWCAG AA
구성
사용 가이드
- 섹션 헤더는 작은 uppercase 레이블로 시각적 위계를 확실히.
- 현재 항목에
aria-current="page"+ 배경색 강조. - 항목 수가 많으면 섹션별 접기(Accordion)로 전환을 고려하세요.
- 모바일에서는 Drawer로 전환하여 본문 공간을 확보합니다.