홈 탭
홈의 단지 · 지역 · 인사이트 탭이에요. 위에 붙으면 화면 끝까지 넓어져요.
모바일PCHomeTabBar
고르기#
- 이 이름은 PC 머리 줄(Header · MobileTopBar · Sidebar · NoticeBar · TickerBar · MarketStrip · Footer)에 합쳤어요. 모양은 그대로이고, 새로 쓸 때는 정본을 써요.
PC 머리 줄 문서 보기 →
인터페이스#
타입에서 자동으로 뽑은 표예요.
HomeTabBar#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| value* | - | T | 지금 값이에요. |
| onChange* | - | (v: T) => void | 값이 바뀌면 새 값으로 불러요. |
| options* | - | readonly (readonly [T, string])[] | [값, 이름] 목록이에요. |
* 필수예요. 표는 타입에서 자동으로 뽑았어요.
접근성#
- 밑줄 탭과 같은 키보드 규칙이에요(← →로 옮겨요).
플랫폼별 차이#
| 플랫폼 | 차이 |
|---|---|
| 모바일 | PC와 같은 모양이에요. 글자 역할만 폰 크기로 바뀌어요. |
| PC | 마우스가 있는 기기에서만 hover가 켜지고, 키보드 초점 링이 보여요. |