Элементы

Тег

Метка статьи или раздела: обычная, чёрная, оранжевая; ряд тегов.

tag с версии 0.1.0

Примеры

Теги статьи

<div class="tags">
  <a class="tag" href="#">postgresql</a>
  <a class="tag" href="#">репликация</a>
  <a class="tag" href="#">разбор аварий</a>
  <a class="tag" href="#">мониторинг</a>
</div>

Заливка

kubernetes Закреплено backup

<div class="tags">
  <span class="tag tag--filled">kubernetes</span>
  <span class="tag tag--safety">Закреплено</span>
  <span class="tag">backup</span>
</div>

Установка

bukatchuk-ui add tag

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

Файлы

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

Варианты

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

Вставка для Jekyll

{%- comment -%}
  Тег. Параметры: text, href (если задан — ссылка), variant (filled | safety).
  Ряд тегов оборачивается в <div class="tags">.
{%- endcomment -%}
{%- assign cls = 'tag' -%}
{%- if include.variant %}{% assign cls = cls | append: ' tag--' | append: include.variant %}{% endif -%}
{%- if include.href -%}
<a class="{{ cls }}" href="{{ include.href }}">{{ include.text }}</a>
{%- else -%}
<span class="{{ cls }}">{{ include.text }}</span>
{%- endif -%}