폰 위쪽 바
폰 화면 맨 위의 로고 · 검색 · 테마 · 계정 바예요. 767px 이하에서만 보여요.
모바일PCMobileTopBar
고르기#
- 이 이름은 PC 머리 줄(Header · MobileTopBar · Sidebar · NoticeBar · TickerBar · MarketStrip · Footer)에 합쳤어요. 모양은 그대로이고, 새로 쓸 때는 정본을 써요.
PC 머리 줄 문서 보기 →
인터페이스#
타입에서 자동으로 뽑은 표예요.
MobileTopBar#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| onGoHome | - | () => void | |
| noticeShow* | - | boolean | |
| theme* | - | 'light' | 'dark' | |
| onToggleTheme* | - | () => void | |
| onOpenSearch* | - | () => void | |
| onLogin* | - | () => void | |
| onGoAccount | - | (section?: string) => void |
* 필수예요. 표는 타입에서 자동으로 뽑았어요.
접근성#
- 로고는 홈으로 가는 링크예요.
- 검색 · 테마 · 계정 버튼에 이름이 있어요.
- 노치만큼 위를 띄워요(안전 영역).
플랫폼별 차이#
| 플랫폼 | 차이 |
|---|---|
| 모바일 | PC와 같은 모양이에요. 글자 역할만 폰 크기로 바뀌어요. |
| PC | PC에서는 보이지 않아요(767px 이하 전용). |