v1.4.0
  1. Home
  2. Get started
  3. Foundations
  4. Patterns
    1. Accordion
    2. Autocomplete
    3. Button
    4. Callout
    5. Chat
    6. Description List
    7. Details
    8. Expand Text
    9. Fallback Image
    10. Feedback
    11. Focus Indicator
    12. Footer
    13. Header
    14. Hero
    15. IIIF Image
    16. Link
    17. Page Title
    18. Results per Page
    19. Service Switcher
  5. What's new

Description List

List groups of terms and descriptions.

List groups of terms and descriptions, such as displaying metadata.

When to use

Use description lists for presenting pairs of terms and descriptions, glossaries, or metadata. Ideal for scenarios where the relationship between the term and description is one-to-one or one-to-many.

How to use

Order descriptions by importance, starting with the most significant.

Default

<dl class="pl-reset pl-typeset pl-margin-l pl-dl">
  <dt>Description</dt>
  <dd>"Playing prepares the child for his future life." "Adults should find him a toy that would help him with that. This is how a child finds himself a toy without the help of an adult. Rummaging in the garbage pits, the child becomes infected with all sorts of diseases. On the left side of the poster: Harmful toys." (Игра подготовливает ребенка к будущей жизни. Взрослые должны позаботиться о такой игрушке, которая помогала бы ему в этой игре. Вот как отыскивает себе игрушку ребенок без помощи взрослых.</dd>
  
  <dt>Date</dt>
  <dd>undated</dd>
  
  <dt>Language</dt>
  <dd><a href="#">Russian</a></dd>
  
  <dt>Subject</dt>
  <dd><a href="#">Soviet Union -- Politics and government -- 1917-1936</a></dd>
  <dd><a href="#">Propaganda, Communist</a></dd>
</dl>

Inline

<dl class="pl-reset pl-typeset pl-margin-l pl-dl--inline">
  <dt>Description</dt>
  <dd>"Playing prepares the child for his future life." "Adults should find him a toy that would help him with that. This is how a child finds himself a toy without the help of an adult. Rummaging in the garbage pits, the child becomes infected with all sorts of diseases. On the left side of the poster: Harmful toys." (Игра подготовливает ребенка к будущей жизни. Взрослые должны позаботиться о такой игрушке, которая помогала бы ему в этой игре. Вот как отыскивает себе игрушку ребенок без помощи взрослых.</dd>
  
  <dt>Date</dt>
  <dd>undated</dd>
  
  <dt>Language</dt>
  <dd><a href="#">Russian</a></dd>
  
  <dt>Subject</dt>
  <dd><a href="#">Soviet Union -- Politics and government -- 1917-1936</a></dd>
  <dd><a href="#">Propaganda, Communist</a></dd>
</dl>

Design System

Get started Content & writing v1.4.0