В этом видео мы рассмотрим функции Syncfusion® Angular AppBar — гибкого и лёгкого компонента панели, предоставляющего навигацию и функции действий в вашем приложении Angular. Горизонтальная компоновка отображает логотипы, заголовки, меню, кнопки и другие интерактивные элементы для брендинга приложения, навигации и быстрого доступа к действиям.
Angular AppBar предлагает несколько вариантов размера. Используйте стандартную высоту по умолчанию для стандартных макетов, режим выделения для большего пространства или плотный режим для компактной версии, экономящей место. Вы также можете настроить высоту при использовании стиля выделения в соответствии с вашими требованиями к дизайну.
Настройка цвета проста благодаря встроенным режимам «Светлый», «Тёмный», «Основной» и «Наследовать», что позволяет гармонично сочетать панель с темой вашего приложения. Вы можете выбрать одну из предустановленных тем, таких как Material, Bootstrap и Tailwind CSS, или применить собственные стили с помощью пользовательского CSS или Theme Studio для полного визуального контроля.
AppBar можно разместить вверху или внизу страницы, а также сделать его «прилипающим», чтобы он оставался видимым при прокрутке. Он поддерживает широкий спектр контента, включая значки, текст, кнопки, раскрывающиеся меню и переключатели боковой панели. Вы можете добавлять отступы и разделители для удобного расположения элементов в Angular AppBar.
Компонент полностью адаптивен, автоматически подстраивается под настольные компьютеры, планшеты и мобильные устройства, а также поддерживает медиазапросы для тонкой настройки. Компонент соответствует стандартам доступности, включая соответствие WAI-ARIA, навигацию с помощью клавиатуры и поддержку экранного доступа, что делает его доступным для всех пользователей.
Компонент AppBar также доступен для других наших основных платформ, включая Blazor, JavaScript, React, Vue, ASP.NET MVC и ASP.NET Core.
ANGULAR APPBAR
------------------------------
Обзор продукта: https://www.syncfusion.com/angular-co...
Демонстрация: https://ej2.syncfusion.com/angular/de...
Документация: https://ej2.syncfusion.com/angular/do...
Скачать бесплатную пробную версию: https://www.syncfusion.com/downloads/...
Пакет NuGet: https://www.npmjs.com/package/@syncfu...
ПОДПИСАТЬСЯ
------------------
Syncfusion на YouTube: / syncfusioninc
Подпишитесь на обновления по электронной почте: https://www.syncfusion.com/account/em...
СОЦИАЛЬНЫЕ СЕТИ СООБЩЕСТВА
-------------------------------------
Facebook: / syncfusion
X: https://x.com/Syncfusion
LinkedIn: / syncfusion
Instagram: / syncfusionofficial
#angular #navigation #appbar
Информация по комментариям в разработке