Skip to content

Latest commit

 

History

History
127 lines (98 loc) · 3.77 KB

menu__item.ru.md

File metadata and controls

127 lines (98 loc) · 3.77 KB
Raw

menu__item

Используется как составная часть блока menu.

Обзор блока

Модификаторы блока

Модификатор Допустимые значения Способы использования Описание
type 'link' BEMJSON Пункт меню, реализованный блоком link.
disabled true BEMJSON, JS Неактивное состояние.
hovered true – Наведение курсором.

Специализированные поля блока

Поле Тип Описание
val Number, String Значение пункта меню.

Описание блока

menu__item предоставляет возможность изменять состояние, содержимое и тип пунктов меню. Используется только в составе блока menu.

Модификаторы блока

Модификатор type

Допустимое значение: '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'
            }
        }
    ]
}

Модификатор disabled

Допустимое значение: true.

Способы использования: BEMJSON, JS.

Модификатор отвечает за неактивное состояние, при котором блок виден, но недоступен для действий пользователя.

{
    block : 'menu',
    mods : { theme : 'islands', size : 'm' },
    content : [
        {
            elem : 'item',
            elemMods : { disabled : true },
            content : 'BH'
        },
        {
            elem : 'item',
            content : 'BEMHTML'
        }
    ]
}

Модификатор hovered

Допустимое значение: true.

Способ использования: – .

Выставляется автоматически при наведении курсором на пункт меню.

Специализированные поля блока

Поле val

Тип: 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'
        }
    ]
}