Элементы

Список описаний

Пары «подпись — значение» на <dl>: в строку и столбцом, для карточек и страниц профиля.

description-list с версии 0.1.0

Примеры

Карточка встречи

Название: Ретроспектива релиза 2.14
Начало: 13/10/2026 15:00
Участников: 148 из 200
Ссылка: https://meet.bukatchuk.ru/retro-214

<dl class="dlist dlist--boxed">
  <div class="dlist__row"><dt class="dlist__term">Название</dt><dd class="dlist__def">Ретроспектива релиза 2.14</dd></div>
  <div class="dlist__row"><dt class="dlist__term">Начало</dt><dd class="dlist__def">13/10/2026 15:00</dd></div>
  <div class="dlist__row"><dt class="dlist__term">Участников</dt><dd class="dlist__def">148 из 200</dd></div>
  <div class="dlist__row"><dt class="dlist__term">Ссылка</dt><dd class="dlist__def">https://meet.bukatchuk.ru/retro-214</dd></div>
</dl>

Столбцом

Аптайм за 30 дней: 99,98%
Дежурный: Мария Соколова
Последний релиз: 2.14, 12/10/2026

<dl class="dlist dlist--stacked">
  <div class="dlist__row"><dt class="dlist__term">Аптайм за 30 дней</dt><dd class="dlist__def">99,98%</dd></div>
  <div class="dlist__row"><dt class="dlist__term">Дежурный</dt><dd class="dlist__def">Мария Соколова</dd></div>
  <div class="dlist__row"><dt class="dlist__term">Последний релиз</dt><dd class="dlist__def">2.14, 12/10/2026</dd></div>
</dl>

Установка

bukatchuk-ui add description-list

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

Файлы

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

Варианты

Класс	Назначение
`dlist--stacked`
`dlist--boxed`
`dlist--strong`