사이드바
PC 왼쪽의 주 탭 레일이에요. 접으면 아이콘만 남아요.
모바일PCSidebar
고르기#
- 이 이름은 PC 머리 줄(Header · MobileTopBar · Sidebar · NoticeBar · TickerBar · MarketStrip · Footer)에 합쳤어요. 모양은 그대로이고, 새로 쓸 때는 정본을 써요.
PC 머리 줄 문서 보기 →
인터페이스#
타입에서 자동으로 뽑은 표예요.
Sidebar#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| tab* | - | TabId | |
| setTab* | - | (t: TabId) => void | |
| collapsed* | - | boolean | |
| onToggle* | - | () => void |
* 필수예요. 표는 타입에서 자동으로 뽑았어요.
접근성#
- nav 영역이고 탭마다 이름이 있어요.
- 지금 탭은 aria-current로 알려요.
플랫폼별 차이#
| 플랫폼 | 차이 |
|---|---|
| 모바일 | PC와 같은 모양이에요. 글자 역할만 폰 크기로 바뀌어요. |
| PC | 마우스가 있는 기기에서만 hover가 켜지고, 키보드 초점 링이 보여요. |