Patternfly Logo

A description list contains terms and their corresponding descriptions.

Usage

Use a description list when you have a set of terms and definitions related to a single item. The content within the definitions is not limited to only plain text. This component can be extremely useful in context of Detail pages of a certain resource or item.

Definition list

Types of description lists

Default

By default, the description list will be formatted so that the term stacks vertically above the description.

Default

Horizontal

Description lists can also be horizontally formatted so that the term and description sit inline and the term comes before the description.

Horizontal

Columns

Columns can be applied in both vertical and horizontal formats. By default, there will be 24px gutters within the column grid.

Default with 2 columnsHorizontal with 2 columns
View source on GitHub