Меню

<menu-item>

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

Атрибуты

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

Настройки

#Позиция значка в элементе меню
n2o.api.menu.item.badge.position=right
#Форма значка в элементе меню
n2o.api.menu.item.badge.shape=circle
#Позиция картинки в значке в элементе меню
n2o.api.menu.item.badge.image_position=left
#Форма картинки в значке в элементе меню
n2o.api.menu.item.badge.image_shape=circle
#Позиция иконки относительно наименования меню\выпадающего меню
n2o.api.menu.item.icon_position=left

**Тело**

[Действия](../xml/action)

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

**Пример**

```xml
    <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="Иванов И.И."/>

<dropdown-menu>

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

Атрибуты

Наименование	Тип	Описание	Значение по умолчанию
id	Строка	Идентификатор выпадающего меню
name	Строка	Наименование выпадающего меню
datasource	Строка	Идентификатор источника данных
icon	Строка	Иконка выпадающего меню
icon-position	left right	Позиция иконки относительно наименования выпадающего меню	left
image	Строка	Путь к изображению
image-shape	square 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>