Магазин

Для бизнеса

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.

Select your desired component from below and see the available props, slots, events and functions.

Below is a collection of simple to complex examples.

Редактируемый шаг может быть выбран пользователем в любой точке и будет перемещать их на этот шаг.

Не редактируемые шаги заставляют пользователя пройти линейно через ваш процесс.

Необязательный шаг можно вызвать с помощью sub-text.

Горизонтальные steppers перемещают пользователей по оси X с помощью определённых шагов.

Вертикальные steppers перемещают пользователей по оси Y и в противном случае работают точно так же, как и их горизонтальная копия.

Линейные steppers всегда перемещают пользователя по определённому пути.

Нелинейные steppers позволяют пользователю перемещаться по вашему процессу любым способом.

У Steppers также есть альтернативный стиль ярлыка, который помещает заголовок под сам шаг.

Может отображаться состояние ошибки, чтобы уведомить пользователя о некоторых действиях, которые необходимо предпринять.

Состояние ошибки также может быть применено к альтернативному стилю этикетки.

То же самое относится и к вертикальным steppers.

Steppers могут динамически добавлять или удалять свои шаги. Если текущий активный шаг удалён, обязательно учтите это, изменив применяемую модель.

Ready for more? Continue reading with:

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