Stepper
Компонент v-stepper отображает прогресс по пронумерованным шагам.
Применение
A stepper can be used for a multitude of scenarios, including shopping carts, record creation and more.
API
Помещает метки под шаг
Применяет тёмный вариант темы
Применяет светлый вариант темы
Разрешить пользователю перейти на любой шаг
Контроль видимости
Показывать шаги по вертикали
Примеры
Редактируемые шаги
Редактируемый шаг может быть выбран пользователем в любой точке и будет перемещать их на этот шаг.
Не редактируемые шаги
Не редактируемые шаги заставляют пользователя пройти линейно через ваш процесс.
Дополнительные шаги
Необязательный шаг можно вызвать с помощью sub-text.
Горизонтальные шаги
Горизонтальные steppers перемещают пользователей по оси X с помощью определённых шагов.
Вертикальные шаги
Вертикальные steppers перемещают пользователей по оси Y и в противном случае работают точно так же, как и их горизонтальная копия.
Линейные steppers
Линейные steppers всегда перемещают пользователя по определённому пути.
Нелинейные steppers
Нелинейные steppers позволяют пользователю перемещаться по вашему процессу любым способом.
Альтернативные labels
У Steppers также есть альтернативный стиль ярлыка, который помещает заголовок под сам шаг.
Многострочное состояние ошибки
Может отображаться состояние ошибки, чтобы уведомить пользователя о некоторых действиях, которые необходимо предпринять.
Альтернативное определение состояния многострочной метки
Состояние ошибки также может быть применено к альтернативному стилю этикетки.
Вертикальное многострочное состояние ошибки
То же самое относится и к вертикальным steppers.
Динамические шаги
Steppers могут динамически добавлять или удалять свои шаги. Если текущий активный шаг удалён, обязательно учтите это, изменив применяемую модель.