Web - PageTitleTextGroup (Added in 1.3.0)

Added in 1.3.0

Definition

정의	PageTitleTextGroup
최적화 대상	Desktop
기획 배포	완료
디자인 가이드 배포	완료
개발 코드 배포	완료

Principle

레이아웃 유형 중 WF 제외한 나머지 유형들에서 ContentsContainer 안에 전체 타이틀 역할로 들어가는 요소입니다.

구성

Spec

Guide

상세 문구 관련 가이드

Size, Property

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

구성	내용
height	40px
text	Web - TextLabel 참고 titleText styleTheme : headingBold
iBtn	Web - IconButton 참고 displayType : select_btn fillType : fill baseSize : medium iconSize : 24 shapeType : rectangle iconName : ic_arrow_down_bold iconFillType : line displayType : edit_btn fillType : fill baseSize : medium iconSize : 20 shapeType : rectangle iconName : ic_edit iconFillType : fill displayType : sales_reports fillType : fill baseSize : medium iconSize : 20 shapeType : rectangle iconName : ic_arrow_left, ic_arrow_right iconFillType : line
Select	Web - Select 참고 displayType : sales_reports 일 때, size : small

Color 구성

Color Key

구성	내용
titleText	TextLabel colorTheme : sysTextPrimary
IconButton	iconColorKey displayType edit_btn : `ui_cpnt_button_icon_primary` sales_reports 기본 : `ui_cpnt_button_icon_default` 비활성 : `ui_cpnt_button_icon_disabled` baseColorKey : `ui_cpnt_button_fill_base_transparent`
base color	`ui_cpnt_textgroup_base_area`
Select	Select의 Color Key 참고

Properties

titleText*

Added in 1.3

표시할 텍스트 값입니다.

기획 지시사항

기획서 상 작성 방법 : 텍스트만 기술

Type	`number \| string \| object \| Array<string \| object> \| undefined \| null`
Default	-

displayType

Added in 1.3

TitleTextGroups의 유형을 결정합니다.

기획 지시사항

기획서 상 작성 방법 : Enum Values 중 하나를 사용함

Type	`enum`
Default	`'normal'`

Enum Values Description

'normal'

타이틀만 있는 기본 형태

'sales_reports'

수익에서 보여지는 형태 *현재 사용하지 않음

'edit_btn'

버튼의 유형 (edit)

btn1State

Added in 1.3

btn1의 상태를 결정합니다.

기획 지시사항

기획서 상 작성 방법 : Enum Values 중 하나를 사용함

Type	`enum`
Default	`'normal'`

Enum Values Description
`'normal'`	기본 상태 입니다.
`'disabled'`	비활성화 상태입니다.

onClickBtn1

Added in 1.3

btn1이 클릭이 된 시점에 이벤트를 부여합니다.

기획 지시사항

기획서 상 작성 방법 : 기획자가 직접 prop을 기술하지 않음

Type	`() => void`
Default	-

문서 작성 정보

소유자 / 관리자

김혜진, 박윤규

변경 이력

2022/08/30 : Spec 내 상세 문구 간격 가이드 추가 - 김혜진
2022/06/28 : titleText 필수 표시 추가 - 안은수
2022/06/08 : spec 내 이미지 수정 - 김혜진
2022/04/29 : 코드에만 있던 prop추가, 코드 배포 여부 추가 - 안은수
2022/04/19 : Property 기술방법 변경 - 김혜지
2022/04/11 : 최초작성(기존 패턴을 컴포넌트화 하면서 복제) - 김혜진