Используется как составная часть блока menu.
Модификатор | Допустимые значения | Способы использования | Описание |
---|---|---|---|
type | 'link' |
BEMJSON |
Пункт меню, реализованный блоком link. |
disabled | true |
BEMJSON , JS |
Неактивное состояние. |
hovered | true |
– | Наведение курсором. |
Поле | Тип | Описание |
---|---|---|
val | Number , String |
Значение пункта меню. |
menu__item
предоставляет возможность изменять состояние, содержимое и тип пунктов меню. Используется только в составе блока menu
.
Допустимое значение: 'link'
.
Способ использования: BEMJSON
.
Используется для создания пунктов меню, реализованных с помощью блока link, который помещается в поле content
BEMJSON-декларации блока.
{
block : 'menu',
mods : { theme : 'islands', size : 'm' },
content : [
{
elem : 'item',
elemMods : { type : 'link' },
content : {
block : 'link',
url : 'https://bem.info/',
content : 'bem.info'
}
},
{
elem : 'item',
elemMods : { type : 'link' },
content : {
block : 'link',
url : 'https://tech.yandex.ru/',
content : 'tech.yandex.ru'
}
}
]
}
Допустимое значение: true
.
Способы использования: BEMJSON
, JS
.
Модификатор отвечает за неактивное состояние, при котором блок виден, но недоступен для действий пользователя.
{
block : 'menu',
mods : { theme : 'islands', size : 'm' },
content : [
{
elem : 'item',
elemMods : { disabled : true },
content : 'BH'
},
{
elem : 'item',
content : 'BEMHTML'
}
]
}
Допустимое значение: true
.
Способ использования: – .
Выставляется автоматически при наведении курсором на пункт меню.
Тип: Number
, String
.
Определяет значение пункта меню.
{
block : 'menu',
mods : { theme : 'islands', size : 'm', mode : 'radio' },
val : 'item-1',
content : [
{
elem : 'item',
val : 'item-1',
content : 'BH'
},
{
elem : 'item',
val : 'item-2',
content : 'BEMHTML'
}
]
}