Skip to main content

Меню

<menu-item>#

Компонент меню

Атрибуты

НаименованиеТипОписаниеЗначение по умолчанию
idСтрокаИдентификатор компонента меню
nameСтрокаНаименование компонента меню
datasourceСтрокаИдентификатор источника данных
iconСтрокаИконка компонента меню
badgeЧислоЗначок компонента меню
badge-colorСтрокаЦвет значка
imageСтрокаПуть к изображению
image-shapesquare, 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
targetself, newWindow, applicationСценарий открытия ссылки: self - в текущей вкладке, newWindow - в новой вкладке, application - открыть страницу приложенияself

Пример

<a label="N2O" href="https://n2oapp.net/demo/" target="newWindow"/>

<dropdown-menu>#

Выпадающее меню

Атрибуты

НаименованиеТипОписаниеЗначение по умолчанию
idСтрокаИдентификатор выпадающего меню
nameСтрокаНаименование выпадающего меню
iconСтрокаИконка выпадающего меню
imageСтрокаПуть к изображению
image-shapesquare, circle, roundedФорма изображенияrounded

Тело

Компонент меню, Разделитель компонентов выпадающего меню

Пример

<dropdown-menu id="user"               name="Виктория"               image="/static/users/vika91.png"               image-shape="circle" >    <menu-item>...</menu-item>    <devider/></dropdown-menu>