Toolbar

Панель инструментов представляет собой гибкий контейнер, который можно использовать несколькими способами. По умолчанию панель инструментов имеет 64px на десктопе, 56px на мобиле в портретном режиме и 48px на мобиле в ландшафте. Существует ряд вспомогательных компонентов, доступных для использования с панелью инструментов. Это v-toolbar-side-icon, v-toolbar-title и v-toolbar-items.

Панель приложений является основной панелью приложения. Он может содержать значки, меню и многое другое.

Используя компонент v-toolbar-items, вы можете использовать регулярные компонентыv-btn для создания элементов панели приложения. Не забывайте применять «плоскую» опору к каждой кнопке.Используя компонент v-toolbar-items, вы можете использовать регулярные компоненты v-btn для создания элементов панели приложения. Не забывайте применять flat prop к каждой кнопке.

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

Панели инструментов представлены в двух вариантах: светлых и тёмных. Светлые панели инструментов имеют тёмные тонированные кнопки и тёмный текст, тогда как тёмные панели имеют белые тонированные кнопки и белый текст.

С помощью нескольких пользовательских стилей вы можете легко создавать свои удивительные пользовательские интерфейсы.

Плавающая панель инструментов может быть размещена над содержимым, на которое оно ссылается.

Панель приложений имеет несколько вариантов, которые могут применяться с темами и вспомогательными классами. Они варьируются от светлых и тёмных тем, цветных и прозрачных.

Prominent панели инструментов добавляют слот, в который вы можете поместить элементы в расширенную область. Области содержимого и расширения будут заблокированы до 64px в высоту.

Dense панели инструментов уменьшают их высоту до 48px. Это также поведение по умолчанию для мобильной ландшафтной ориентации.

При прокрутке панели инструментов можно перейти с экрана. Здесь мы демонстрируем, как вы можете указать цель прокрутки (по умолчанию это окно). Имейте в виду, для этого примера есть специальная разметка, которая не потребуется в вашем приложении.

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

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