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>