Web - SideBar (Deprecated in 1.4)

본래는 publ의 책임이지만 현재는 상황상 PDS에서 박제하는 것처럼 한다. (string key 결정된 채로..) > 추후 마이너 업데이트 때 범용성을 위해 icon, text 값에 대한 property, value 추가 예정

SideBar는 전역 내비게이션 역할을 합니다. 왼쪽에 위치해 있어 SideBar라고 불립니다.

Contents Layout 유형 중 WS 유형에 속합니다. (GlobalMenuContainer)

Header, Footer는 화면에 고정되어 항시 노출되도록 합니다.

(color와 관련한 사항은 하단에 기술)

구성	내용
size	width : 240px
image	Web - ImageView 참고 Channel ratio : 1_1 scaleType : cover size : 32px shapeType : rouund Seller ratio : 1_1 scaleType : cover size : 80px shapeType : circular
text	Web - TextLabel 참고 titleText (Channel, Seller) styleTheme channel : caption1Bold seller : body1Bold labelText styleTheme : caption2Bold singleLineMode : use listItemText styleTheme inactive : caption1Regular active : caption1Bold singleLineMode : use footerText styleTheme : caption1Bold (title), caption1Regular (desc)
Icon	Label size : 16 fillType : line iconName : ic_toggle_up, ic_toggle_down ListItem size : 16 fillType : line iconName : (해당 되는 아이콘?)
iBtn	Web - IconButton 참고 (Channel header 내 우측 알림과 채널목록 아이콘) fillType : fill baseSize : small iconSize : 16 shapeType : rectangle

‌

‌

구분	내용
Text	title	TextLabel colorTheme : sysTextWhite
	label	TextLabel colorTheme : sysTextTertiary
	list item	TextLabel colorTheme inactive : sysTextWhite active : sysTextWhite
	footer	TextLabel colorTheme : sysTextSecondary
icon	label	`ui_cpnt_sidebar_label_icon`
icon	list item	inactive : `ui_cpnt_sidebar_listitem_icon_inactive` active : `ui_cpnt_sidebar_listitem_icon_active`
IconButton	-	iconColorKey : `ui_cpnt_button_icon_on_primary` baseColorKey 기본 : `ui_cpnt_button_fill_base_transparent` 선택 시 : `ui_cpnt_button_fill_base_primary`
base	common base (SideBar 자체 배경)	`ui_cpnt_sidebar_common_base`
	header	(channel, seller 타이틀이 있는 곳) `ui_cpnt_sidebar_header_base`
	label	`ui_cpnt_sidebar_label_base`
	list item	inactive : `ui_cpnt_sidebar_listitem_base_inactive` active : `ui_cpnt_sidebar_listitem_base_active`
	footer	`ui_cpnt_sidebar_footer_base`

PropName	Description	DataType	DefaultValue
sideMenuType	사이드 메뉴의 유형을 결정합니다.	enum	channel

Related PropName	Value	Description & spec //TODO 디자인 제약조건 작성	Visual Ref //참고 이미지
sideMenuType	channel	채널에 입장 시 해당 채널의 전역 내비게이션의 역할을 합니다.
sideMenuType	seller	셀러 계정에서 전역 내비게이션의 역할을 합니다.

소유자 / 관리자	김혜진, 박윤규
변경 이력	2021/11/17 : style을 styleTheme로 수정 - 김혜진 2021/11/16 : 아이콘에 대한 스펙 추가 - 김혜진 2021/11/11 : 행간에 대한 내용 추가 - 김혜진 2021/10/25 : 텍스트 사이즈 수정 - 김혜진 2021/10/12 : spec 업데이트 - 김혜진 2021/10/12 : 내용 추가 - 김혜진 2021/09/17 : 최초 작성 - 김혜진

Definition