Магазин

Для бизнеса

The v-banner component is used as middle-interruptive message to user with 1-2 actions. It comes in 2 variations, single-line and multi-line (implicit). These can have icons which you can use with your message and actions.

Баннер может содержать 1-2 действия, текст и иконку.

Options

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

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

Однострочный VBanner используется для небольшого количества текста, желательно его использовать для больших экранов. Также, вы можете установить свойство sticky для того, чтобы баннер всегда оставался вверху экрана (примечание: это не работает в IE11). Вы можете узнать больше о position: sticky здесь.

Two-line VBanner can store larger amount of data, use it for big messages.

Слот для иконки позволяет вам задать пользовательские размеры, цвет и другие параметры иконки.

VBanner запускает событие click:icon при нажатии на иконку, даже если она находится в слоте.

the actions slot has dismiss function in its scope, you can use it to easily dismiss banner.

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

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