List

These examples are included for development testing purposes. For official documentation, see https://www.patternfly.org and http://getbootstrap.com.

Basic list with expansion

First line
This is a first level section
This is a second level section
This item is open by default
This is a first level section
This is a second level section

Basic list with row selection

Selectable list row content

Basic list with row selection and expansion

Expandable and selectable list row content
This is a second level section

Basic list with expand element instead of standard collapse

First line
This is a first level section
This is a second level section

List with content items

Event One
Description of event one with link text.
additional content
Event One with a longer title
Description of event one with link text.
additional content
Nonbreakinglongtitle012345678901234567890012345678901234567890012345678901234567890
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lacinia euismod quam. Aliquam nec varius arcu. In dolor nibh, mattis at odio non, imperdiet faucibus elit. Aliquam erat volutpat with link text.
additional content
Ellipsed text variation Nonbreakinglongtitle012345678901234567890012345678901234567890012345678901234567890
Ellipsed text variation Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lacinia euismod quam. Aliquam nec varius arcu. In dolor nibh, mattis at odio non, imperdiet faucibus elit. Aliquam erat volutpat with link text.
additional content

List with content items, stacked main content option

Event One
This event is shown with a stacked display
additional content
Event One with a longer title
This event is shown with a stacked display
additional content
Nonbreakinglongtitle012345678901234567890012345678901234567890012345678901234567890
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lacinia euismod quam. Aliquam nec varius arcu. In dolor nibh, mattis at odio non, imperdiet faucibus elit. Aliquam erat volutpat with link text.
additional content
Ellipsed title variation Nonbreakinglongtitle012345678901234567890012345678901234567890012345678901234567890
Ellipsed description variation Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lacinia euismod quam. Aliquam nec varius arcu. In dolor nibh, mattis at odio non, imperdiet faucibus elit. Aliquam erat volutpat with link text.
additional content