진행 단계

완료 단계에는 체크 아이콘, 현재 단계에는 aria-current와 강조색, 예정 단계에는 번호를 사용한다.

상태

start

progress

각 단계의 description은 사용자가 현재 해야 할 일을 설명한다.

Preview

tsx

<StepIndicator current={1} steps={[{ label: "정보 입력" }, { label: "서류 확인" }]} />