Description list
Key–value pairs for detail views and summaries.
Details
- Full name
- Ana Popescu
- Role
- Product designer
- [email protected]
- Plan
- Pro
<dl class="mn-dl" style="max-width:32rem">
<dt>Full name</dt><dd>Ana Popescu</dd>
<dt>Role</dt><dd>Product designer</dd>
<dt>Email</dt><dd>[email protected]</dd>
<dt>Plan</dt><dd><span class="mn-badge mn-badge-soft">Pro</span></dd>
</dl>Installation
Everything ships in one stylesheet. There is nothing to import per component.
<link rel="stylesheet" href="https://mian.ro/dist/mian.css">Prefer to own the files? /r/description-list.json is a registry item with this component's CSS and example markup, ready to copy into your project with any tool that reads the open registry-item format.
Class reference
| Class / attribute | Description |
|---|---|
| mn-dl | On a <dl>. Stacks on narrow screens. |
Accessibility
- A real <dl> announces each term with its value.