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.

Выберите нужный компонент ниже и посмотрите доступные параметры, слоты, события и функции.

Ниже приведена коллекция простых и сложных примеров.

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

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

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

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

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

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

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

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

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

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

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

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

Готовы к большему? Продолжить чтение с:

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