Index

Ссылка

{ block: 'b-link' }

Блок b-link — является ссылкой. Используется в других блоках.

В простом случае для отображения блока необходимо задать следующий BEMJSON:

{
   block: 'b-link',
   url: 'http://company.yandex.ru',
   title: 'Click here to learn more',
   target: '_blank',
   content: 'The best company all over the world'
}

Свойство url преобразуется в атрибут href. Свойства title и target — в соотвествующие атрибуты.

Модификаторы
_disabled

_disabled_yes

Неактивная ссылка

{ mods: { 'disabled': 'yes' } }

Делает ссылку или псевдоссылку неактивной.

_inner

_inner_yes

Ссылка с вложенным элементом

{ mods: { 'inner': 'yes' } }

Для удобного использования с иконками. Позволяет добавлять в ссылку элемент inner. Содержит только CSS, которые переносит подчеркивание с самой ссылки на ее внутренний элемент.

_pseudo

_pseudo_yes

Псевдоссылка

{ mods: { 'pseudo': 'yes' } }

Модификация ссылки, подразумевающая действие без перехода на другую страницу. Визуально имеет пунктирное нижнее подчеркивание.

Элементы
__inner

Внутренний элемент

{ elem: 'inner' }

Опциональный элемент, в который помещается текстовое содержимое ссылки. Необходим, когда ссылка содержит графический контент, например, иконку.

Примеры