Меню
<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>