Меню
#
<menu-item>Компонент меню
Атрибуты
Наименование | Тип | Описание | Значение по умолчанию |
---|---|---|---|
id | Строка | Идентификатор компонента меню | |
name | Строка | Наименование компонента меню | |
datasource | Строка | Идентификатор источника данных | |
icon | Строка | Иконка компонента меню | |
badge | Число | Значок компонента меню | |
badge-color | Строка | Цвет значка | |
image | Строка | Путь к изображению | |
image-shape | square, circle, rounded | Форма изображения | rounded |
Тело
Действие открытия страницы, Открыть страницу браузера
Пример
<menu-item id="notif" name="Уведомления" icon="fa fa-bell" badge="2" badge-color="warning"/>
#
<open-page>Действие открытия страницы
Атрибуты
Наименование | Тип | Описание | Значение по умолчанию |
---|---|---|---|
page-id | Ссылка | Ссылка на страницу | |
route | Строка | URL страницы |
Пример
<page page-id="ProtoPage" route="/proto"/>
#
<a>Открыть страницу браузера
Атрибуты
Наименование | Тип | Описание | Значение по умолчанию |
---|---|---|---|
href | Строка | Адрес URL | |
target | self, newWindow, application | Сценарий открытия ссылки: self - в текущей вкладке, newWindow - в новой вкладке, application - открыть страницу приложения | self |
Пример
<a label="N2O" href="https://n2oapp.net/demo/" target="newWindow"/>
#
<dropdown-menu>Выпадающее меню
Атрибуты
Наименование | Тип | Описание | Значение по умолчанию |
---|---|---|---|
id | Строка | Идентификатор выпадающего меню | |
name | Строка | Наименование выпадающего меню | |
icon | Строка | Иконка выпадающего меню | |
image | Строка | Путь к изображению | |
image-shape | square, circle, rounded | Форма изображения | rounded |
Тело
Компонент меню, Разделитель компонентов выпадающего меню
Пример
<dropdown-menu id="user" name="Виктория" image="/static/users/vika91.png" image-shape="circle" > <menu-item>...</menu-item> <devider/></dropdown-menu>