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.
Ниже приведена коллекция простых и сложных примеров.
Редактируемый шаг может быть выбран пользователем в любой точке и будет перемещать их на этот шаг.
Не редактируемые шаги заставляют пользователя пройти линейно через ваш процесс.
Необязательный шаг можно вызвать с помощью sub-text.
Горизонтальные steppers перемещают пользователей по оси X с помощью определённых шагов.
Вертикальные steppers перемещают пользователей по оси Y и в противном случае работают точно так же, как и их горизонтальная копия.
Линейные steppers всегда перемещают пользователя по определённому пути.
Нелинейные steppers позволяют пользователю перемещаться по вашему процессу любым способом.
У Steppers также есть альтернативный стиль ярлыка, который помещает заголовок под сам шаг.
Может отображаться состояние ошибки, чтобы уведомить пользователя о некоторых действиях, которые необходимо предпринять.
Состояние ошибки также может быть применено к альтернативному стилю этикетки.
То же самое относится и к вертикальным steppers.
Steppers могут динамически добавлять или удалять свои шаги. Если текущий активный шаг удалён, обязательно учтите это, изменив применяемую модель.
Готовы к большему? Продолжить чтение с: