Setup

Create New

스텝 컴포넌트를 추가하면 다음과 같은 기본 셋팅 화면이 출력된다.

Set NodeType

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

• Steps Options Set Area : 스텝 스타일과 기능 옵션을 설정하는 영역

• Steps Click Set Area : 스텝 항목을 Click 할 경우 발생하는 이벤트를 설정하는 영역

Option Detail

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

1. Size

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

2. Hide Title

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

3. Step Direction

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

TIP Steps Direction & Position

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

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

4. Step Style

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

5. Use Step Navigation

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

6. Clickable

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