Блоки

Метка блока

Плашка над заголовком секции и пометка места, которое нужно заполнить.

label с версии 0.1.0

Примеры

Метки блоков

<span class="label">Описание продукта</span>
<span class="label label--safety">Цена</span>

Пометка незаполненного места

<p>Оформить подписку <span class="ph">[ССЫЛКА ОПЛАТЫ]</span></p>

Установка

bukatchuk-ui add label

Вместе с компонентом установятся: tokens, fonts, base.

Файлы

Файл	Назначение
`label.css`	стили
`example.html`	образец разметки, в проект не копируется
`label.jekyll.html`	вставка для Jekyll

Варианты

Класс	Назначение
`label--safety`

Вставка для Jekyll

{%- comment -%}
  Метка блока. Параметры: text, variant (safety — оранжевая).
{%- endcomment -%}
<span class="label{% if include.variant %} label--{{ include.variant }}{% endif %} rv">{{ include.text }}</span>