menuMDUIDocs
color_lens
Новый mdui 2 на базе Material Design 3 и Web Components уже здесь. Перейти к документации mdui 2.

Глобальные JS-методы

mdui.mutation()

Верхняя панель приложения обычно располагается в верхней части страницы и может содержать такие компоненты, как панели инструментов и вкладки. На странице может быть только одна верхняя панель приложения.

mdui.mutation()

Компонент верхней панели приложения написан на чистом 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();

mdui.mutation(selector, apiInit)

Только панель инструментов

Только вкладки

Панель инструментов и вкладки

$(selector).mutation()

Прозрачный фон