Reading / Shared vocabulary
Definitions
Define the terms used throughout a catalog so its labels have a shared meaning.
Basic usage
- resolved
- The complete statement is determined from the source.
- lower bound
- There may be more items than the number shown here.
HTML
<dl class="definitions">
<div><dt><span class="chip tone-ok">resolved</span></dt><dd>The complete statement is determined from the source.</dd></div>
<div><dt>lower bound</dt><dd>There may be more items than the number shown here.</dd></div>
</dl>Classes & attributes
| Class / attribute | Purpose |
|---|---|
.definitions | A definition list with terms and explanations side by side. |
.definitions-stacked | Stacks each term above its definition. |
dt / dd | Wrap each term and its definition in one div. |
Usage notes
Do not assume the reader already knows vocabulary invented by your product.
Examples follow your system color scheme. Use ◐ in the header to try automatic, light, and dark themes.