Web - Step (Deprecated in 1.4)

Step

클릭 액션 없음, 진행된 상황을 보여주는 용도

WF 레이아웃 유형 내 StepContent에 들어감 (대화형 양식 제출 공통을 따르는 WFA, WFB에 사용함)

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

구성	내용
size	width : 240px height : 48px
Icon	size : 16 fillType : fill iconName : ic_star
text	Web - TextLabel 참고 step 숫자 styleTheme : caption1Bold singleLineMode : use 현재 페이지 styleTheme : body2Bold singleLineMode : use 그 외 페이지 styleTheme : body2Regular singleLineMode : use
circular	step 숫자 또는 icon을 감싸고 있는 도형 size : 24px

‌

‌

구성	내용
icon	`ui_cpnt_step_icon`
Text	TextLabel colorTheme inactive : sysTextTertiary active(current) : usrTextBrandPrimary
circular	inactive : `ui_cpnt_step_circular_inactive` active(current) : `ui_cpnt_step_circular_active`
base	`ui_cpnt_step_base_area`

PropName

Description

DataType

DefaultValue

valueArray

표시할 값입니다.

Array

-

activeNumber

표시한 값들에서 현재 active 상태인 값을 표시합니다. 0부터 시작합니다.

(3번째가 활성화일 경우 2를 적습니다.)

0

Related PropName	Value	Description & spec //TODO 디자인 제약조건 작성	Visual Ref //참고 이미지
valueArray		//TODO 시각적 기준의 글자수 길이 제한
activeNumber		*숫자

소유자 / 관리자	김혜진, 박윤규
변경 이력	2021/12/27 : 원형 부분 16px에서 24px로 수정 - 김혜진 2021/11/17 : style을 styleTheme로 수정 - 김혜진 2021/11/16 : icon에 대한 스펙 추가 - 김혜진 2021/11/11 : 행간에 대한 내용 추가 - 김혜진 2021/10/19 : 최초 작성 - 김혜진