Skip to main content

Меню

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

Атрибуты

НаименованиеТипОписаниеЗначение по умолчанию
idСтрокаИдентификатор компонента меню
nameСтрокаНаименование компонента меню
datasourceСтрокаИдентификатор источника данных
iconКласс иконки
srcСтрокаReact компонент меню
classCSS классКласс компонента меню
styleCSS свойствоСтиль компонента меню
badgeЧислоЗначок компонента меню
badge-colorprimary secondary success danger warning info light darkЦвет значка. Возможно использование плейсхолдеров
badge-shaperounded circle squareФорма значкаcircle
badge-positionleft rightПозиция значкаright
badge-imageСтрокаКартинка в значке
badge-image-shaperounded circle squareФорма картинки в значкеcircle
badge-image-positionleft rightПозиция картинки в значкеleft
imageСтрокаПуть к изображению
image-shapesquare circle roundedФорма изображенияrounded

Тело

Действия

note

Если не задать тело для <menu-item>, то он будет не кликабельным

Пример

    <menu-item id="notif"
name="Уведомления"
icon="fa fa-bell"
badge="2"
badge-color="warning">
<a label="N2O" href="https://n2oapp.net/demo/" target="newWindow"/>
</menu-item>
<menu-item name="Иванов И.И."/>

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

Атрибуты

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

Тело

<menu-item> - Компонент меню
<dropdown-menu> - Выпадающее меню

Пример

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