Используется как обертка для визуальной группировки других блоков. Группируемые блоки помещаются в поле content
BEMJSON-декларации.
Блок позволяет визуально группировать следующие блоки:
{
block : 'control-group',
content : [
{
block : 'input',
mods : { theme : 'islands', size : 'm', type : 'search' },
placeholder : 'Имя'
},
{
block : 'input',
mods : { theme : 'islands', size : 'm', type : 'search' },
placeholder : 'Фамилия'
},
{
block : 'input',
mods : { theme : 'islands', size : 'm', type : 'search' },
placeholder : 'Электронный адрес'
}
]
}
{
block : 'control-group',
content : [
{
block : 'button',
mods : { theme : 'islands', size : 'm' },
text : 'Просмотреть корзину'
},
{
block : 'button',
mods : { theme : 'islands', size : 'm' },
text : 'История покупок'
},
{
block : 'button',
mods : { theme : 'islands', size : 'm' },
text : 'Проверить бонусный счет'
}
]
}
{
block : 'control-group',
content : [
{
block : 'input',
mods : { theme : 'islands', size : 'm', type : 'search' },
placeholder : 'Введите запрос'
},
{
block : 'button',
mods : { theme : 'islands', size : 'm' },
text : 'Поиск'
}
]
}
{
block : 'control-group',
content : [
{
block : 'input',
mods : { theme : 'islands', size : 'm' },
placeholder : 'Цена от'
},
{
block : 'input',
mods : { theme : 'islands', size : 'm' },
placeholder : 'до'
},
{
block : 'select',
mods : { mode : 'radio', theme : 'islands', size : 'm' },
val: 'usd',
options : [
{ val : 'usd', text : '$' },
{ val : 'euro', text : '€' }
]
}
]
}
- dropdown (с модификатором
switcher
в значенииbutton
)
{
block : 'control-group',
content : [
{
block : 'button',
mods : { view : 'action', theme : 'islands', size : 'm' },
text : 'Купить сейчас!'
},
{
block : 'dropdown',
mods : { switcher : 'button', theme : 'islands', size : 'm' },
switcher : 'Действующие скидки',
popup : 'Воспользуйтесь нашим специальным предложением: «50% скидка на доставку каждого пятого груза».'
}
]
}
- checkbox (с модификатором
type
в значенииbutton
)
{
block : 'control-group',
content : [
{
block : 'checkbox',
mods : { theme : 'islands', size : 'm', type : 'button' },
name: 'tv',
val: '1',
text : 'Телевизоры'
},
{
block : 'checkbox',
mods : { theme : 'islands', size : 'm', type : 'button' },
name: 'photo',
val: '1',
text : 'Фотокамеры'
},
{
block : 'checkbox',
mods : { theme : 'islands', size : 'm', type : 'button' },
name: 'book',
val: '1',
text : 'Электронные книги'
}
]
}