Web - UserDesktopTabBar

Definition

상단에 전역 내비게이션 역할을 하는 UserDesktopNavBar를 사용하고 있을 경우 해당 TabBar를 사용합니다.

탭은 페이지 전체 헤더에 따라 서로 관련이 있는 메뉴들을 사용합니다. 즉, 같은 맥락 안에서 화면 전환이 필요할 때 탭을 사용합니다.

‌

종류

Height

text

Medium

(MainTab, ContentsTab)

48px

TextLabel 참고

Divider

Divider 참고

	active	inactive
textColor	TextLabel colorTheme : usrTextBrandPrimary	TextLabel colorTheme : sysTextSecondary
active indicator border color	`ui_cpnt_tabbar_border_active_indicator`	-
Divider	Divider 참고
base color (공통)	`ui_cpnt_tabbar_base_area`

Deprecated in 1.5

~~표시될 텍스트 배열입니다.~~

~~기획 지시사항~~

Type	CODE `{ path: string; title: number \| string \| object \| Array<string \| object> \| undefined \| null; }[]`
Default	-

미리 결정되어있는 스타일 유형입니다.

기획 지시사항

Type	`enum`
Default	`'main'`

Enum Values Description
`'main'`	main용 탭 바

Added in 1.4

tab item의 title, isActive, onClick 이벤트 값 리스트 입니다.

기획 지시사항

Type	CODE `{ text: number \| string \| object \| Array<string \| object> \| undefined \| null; isActive: boolean; onClick?: (e: React.MouseEvent<HTMLDivElement>) => void; }[]`
Default	-

소유자 / 관리자

김혜진, 박윤규

변경 이력