Snackbar

Компонент v-snackbar используется для отображения быстрого сообщения пользователю. Snackbars поддерживают позиционирование, задержку и обратные вызовы.

Применение

The standard snackbar is useful for calling attention to some function that has just happened.

API

v-snackbar
Имя
absolute
По умолчанию
false
Тип
boolean

Позиционировать элемент абсолютно

Имя
auto-height
По умолчанию
false
Тип
boolean

Components.Snackbars.

Имя
bottom
По умолчанию
false
Тип
boolean

Выровнять компонент по нижнему краю

Имя
color
По умолчанию
undefined
Тип
string

Применяет заданный цвет к элементу управления

Имя
left
По умолчанию
false
Тип
boolean

Выровнять компонент слева

Имя
multi-line
По умолчанию
false
Тип
boolean

Делает snackbar сверху(мобильную)

Имя
right
По умолчанию
false
Тип
boolean

Выровнять компонент справа

Имя
timeout
По умолчанию
6000
Тип
number

Время ожидания, пока snackbar не будет автоматически скрыт

Имя
top
По умолчанию
false
Тип
boolean

Выровнять компонент в по верхнему краю

Имя
value
По умолчанию
undefined
Тип
any

Контроль видимости

Имя
vertical
По умолчанию
false
Тип
boolean

Стек snackbar содержимое вертикально(мобильном)

Примеры

Контекстуальный

Вы также можете применить цвет к snackbar , чтобы лучше соответствовать вашей реализации.

Edit this page | language on Github
Vuetify 3 is now available!The latest version of Vuetify is now available!
Learn about Vuetify 3's new features and functionality for modern Vue applications
Start exploringExplore