Vuetify

상점

기업

The v-stepper component displays progress through numbered steps.

A stepper can be used for a multitude of scenarios, including shopping carts, record creation and more.

제공되는 Props, Slots, Events 와 함수들을 이용하여 원하는 컴포넌트를 직접 구현해 보세요.

간단한 예재부터 복잡한 예제까지 아래를 참고해서 앱 개발을 시작해 보세요.

편집가능한 단계는 언제라도 사용자가 선택할 수 있으며 해당 단계로 이동됩니다.

편집할 수 없는 단계는 사용자가 프로세스를 선형적으로만 진행할 수 있도록 강제합니다.

선택적 단계는 보조 문자열(sub-text) 와 함께 호출 할 수 있습니다.

수평 단계는 유저가 X 축 위에서 정의된 단계를 따라 이동하게 합니다.

수작 단계는 유저가 Y 축 위에서 정의된 단계를 따라 이동하게 합니다. 이를 제외하면 수평단계와 똑같이 작동합니다.

선형 단계는 사용자가 언제나 미리 정의된 경로를 따라 이동하게 합니다.

비선형 단계는 사용자의 선택에 따라 미리 정의된 진행방식을 따라 이동하게 합니다.

타이틀을 단계 아래에 배치할 수 있습니다.

사용자에게 필수적인 액션을 알리기 위해 오류 상태를 표시할 수 있습니다.

오류 상태에 대체 레이블 스타일을 적용할 수 있습니다.

오류 상태는 수직 단계로 표시할 수도 있습니다.

각 단계는 동적으로 추가되거나 제거 될 수 있습니다. 현제 활성화된 단계가 제거될 경우, 적용된 모델을 변경하여 이를 적절이 관리해야 합니다..

더 읽을 준비 되었나요? 그렇다면 아래 설명서를 더 읽어보세요!

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!