Page Comparison

...

스텝 컴포넌트를 추가하면 다음과 같은 기본 셋팅 화면이 출력된다. 스텝의 NodeType, 스텝명 입력, Data Sync와 API 사용여부를 설정 할 수 있다.

Set NodeType

NodeType을 선택하면 다음과 같이 2가지 스텝 셋팅 영역이 출력된다.

...

스텝 옵션 상세 내용은 다음과 같다.

1. Size

스텝 사이즈를 선택 할 수 있다.(Small, Default)

2. Hide Title

컴포넌트 Title은 기본 셋팅 옵션이다. 옵션 영역에서 탭 타이틀을 노출/비노출로 설정 할 수 있다.

3. Step Direction

스텝 Bar의 디스플레이 방향을 설정 할 수 있다.(Horizontal, Vertical)

Status
colour Green title tip

Steps Direction & Position

- Direction{ Horizontal } : Top 위치에 스텝 컴포넌트가 가로로 디스플레이 된다.

- Direction{ Vertical } : Left 위치에 스텝 컴포넌트가 세로로 디스플레이 된다.

4. Step Style

스텝 Bar의 스타일을 설정 할 수 있다.( Number, Dot, Icon)

5. Use Step Navigation

현재 진행 중인 스텝을 네비게이션으로 표시할 수 있다.

6. Clickable

스텝 클릭 기능을 설정할 수 있다.