Верхняя панель приложения обычно располагается в верхней части страницы и может содержать такие компоненты, как панели инструментов и вкладки. На странице может быть только одна верхняя панель приложения.
Компонент верхней панели приложения написан на чистом CSS, для его работы достаточно написать HTML-код.
var html =
'<select class="mdui-select" mdui-select>' +
' <option value="1">State 1</option>' +
' <option value="2">State 2</option>' +
' <option value="3">State 3</option>' +
'</select>';
// Сама верхняя панель приложения не имеет цвета фона. Вы можете установить цвет фона для дочерних элементов верхней панели приложения (панелей инструментов, вкладок и т. д.).
$('body').append(html);
// Рекомендации по дизайну Material Design: Структура — Верхняя панель приложения
mdui.mutation();Только панель инструментов
Только вкладки
Панель инструментов и вкладки
Прозрачный фон