Simplex

Components

Description-list

The description-list component represents variations on the <dl> element.

Overall usage

Used for sets of term/value pairs.

Accessibility

N/A


Basic description list

Used to display terms and values in a vertically stacked form.

Straw Man
In the straw man fallacy, someone attacks a position the opponent doesn’t really hold.
Ad Hominem Fallacy
Instead of advancing good sound reasoning, ad hominems replace logical argumentation with attack-language unrelated to the truth of the matter.
Appeal to Ignorance (argumentum ad ignorantiam)
Any time ignorance is used as a major premise in support of an argument, it’s liable to be a fallacious appeal to ignorance.
False Dilemma or False Dichotomy
This line of reasoning fails by limiting the options to two when there are in fact more options to choose from.
<dl>
  <dt>Straw...</dt>
  <dd>In the straw...</dd>
</dl>

.description-list--inline-wide

Used to display terms and values side-by-side. The "wide" variation displays the term to a wide width.

Straw Man
In the straw man fallacy, someone attacks a position the opponent doesn’t really hold.
Ad Hominem Fallacy
Instead of advancing good sound reasoning, ad hominems replace logical argumentation with attack-language unrelated to the truth of the matter.
Appeal to Ignorance (argumentum ad ignorantiam)
Any time ignorance is used as a major premise in support of an argument, it’s liable to be a fallacious appeal to ignorance.
False Dilemma or False Dichotomy
This line of reasoning fails by limiting the options to two when there are in fact more options to choose from.
<dl class="description-list--inline-wide">
  <dt>Straw...</dt>
  <dd>In the straw...</dd>
</dl>

.description-list--inline-medium

Used to display terms and values side-by-side. The "medium" variation displays the term to a medium width.

Straw Man
In the straw man fallacy, someone attacks a position the opponent doesn’t really hold.
Ad Hominem Fallacy
Instead of advancing good sound reasoning, ad hominems replace logical argumentation with attack-language unrelated to the truth of the matter.
Appeal to Ignorance (argumentum ad ignorantiam)
Any time ignorance is used as a major premise in support of an argument, it’s liable to be a fallacious appeal to ignorance.
False Dilemma or False Dichotomy
This line of reasoning fails by limiting the options to two when there are in fact more options to choose from.
<dl class="description-list--inline-medium">
  <dt>Straw...</dt>
  <dd>In the straw...</dd>
</dl>

.description-list--inline-narrow

Used to display terms and values side-by-side. The "narrow" variation displays the term to a narrow width.

Cat
The cat is a small carnivorous mammal. It is the only domesticated species in the family Felidae and often referred to as the domestic cat.
Dog
The domestic dog is a member of the genus Canis, which forms part of the wolf-like canids, and is the most widely abundant terrestrial carnivore.
Rabbit
Rabbits are small mammals in the family Leporidae of the order Lagomorpha.
<dl class="description-list--inline-narrow">
  <dt>Cat...</dt>
  <dd>The cat...</dd>
</dl>

.description-list--aligned

Used to right-align the value.

Tracker FG Mens Hiking Boot
$399.99
Magna Trail Mens Hiking Boot
$289.95
Gobi Swimrun Mens Cross Train Shoe
$249.95
<dl class="description-list--aligned">
  <dt>Tracker FG...</dt>
  <dd>$399.99</dd>
</dl>