Stepper 위젯
Stepper는 여러 단계의 업무에서 사용자가 어디까지 진행했는지 표시하고 단계별 이동을 연결합니다.
단계 순서
Linear는 순서대로 단계를 마치도록 구성합니다. Non-linear는 단계 사이를 자유롭게 이동하고 다른 순서로 완료할 수 있게 합니다.
각 단계에는 다음 값을 지정합니다.
| 설정 | 동작 |
|---|---|
| Label | 단계의 표시 이름 |
| On click | 단계를 선택했을 때 실행할 이벤트 |
| Is completed | 완료 여부를 판단할 Boolean 변수 |
| Icon | 해당 단계에 표시할 아이콘 |
표현
Text only 템플릿은 단계의 순번을 표시합니다. Use icons는 단계마다 지정한 아이콘을 사용합니다. Linear이면서 Use icons를 선택한 경우 Show step number를 켜서 번호도 함께 표시할 수 있습니다.
Completed color는 Is completed 변수가 true가 된 단계에 적용하고 Active color는 현재 단계에 적용합니다.
단계 선택에 연결할 동작은 이벤트로 구성합니다. 시간순 업무 기록은 Timeline, 시간 배치는 Gantt Chart와 함께 사용할 수 있습니다.