v1.6.0
    • Get started

      Install the package, load its styles and components, and build your first page.

    • Foundations

      The content guide, CSS utilities, tokens, and the principles behind every pattern.

    • Patterns

      Every pattern with a live example, when to use it, and where it's already in use.

    Description List

    List groups of terms and descriptions.

    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>
    

    Where it's used

    Design System

    Get started Foundations Patterns Release notes · v1.6.0 Design notes