Key-Value

Description List подходит для read-only деталей сущности: ID, владельцы, статусы, даты и короткие metadata values.

Project: Website Redesign
Status: Online All checks passed
Owner: @design
Updated: 2026-04-11 22:12

Run ID: run_1048
Runtime: 18s
Result: Queued

Description List HTML

<dl class="description-list">
  <div class="description-list-row">
    <dt class="description-list-term">Project</dt>
    <dd class="description-list-value">Website Redesign</dd>
  </div>
  <div class="description-list-row">
    <dt class="description-list-term">Status</dt>
    <dd class="description-list-value">
      <span class="badge badge-success">Online</span>
      <span class="description-list-value-muted">All checks passed</span>
    </dd>
  </div>
</dl>

Compact List HTML

<dl class="description-list description-list-compact">
  <div class="description-list-row">
    <dt class="description-list-term">Run ID</dt>
    <dd class="description-list-value"><code class="code">run_1048</code></dd>
  </div>
  <div class="description-list-row">
    <dt class="description-list-term">Runtime</dt>
    <dd class="description-list-value">18s</dd>
  </div>
</dl>