bukatchuk ui

Элементы

Врезка

Выделенная заметка в тексте: рамка, оранжевая полоса слева, светлая заливка.

callout с версии 0.1.0

Примеры

Врезка с подписью
<aside class="callout">
  <span class="callout__l">Важно</span>
  <p>Перед сменой мастера в кластере остановите запись в базу: иначе часть транзакций останется только на старом узле.</p>
</aside>
Без подписи
<aside class="callout">
  <p>Проверка восстановления из резервной копии выполняется раз в месяц, а не только после изменений в схеме.</p>
</aside>

Установка

bukatchuk-ui add callout

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

Файлы

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