List Group

Notes on Implementation

We do not use Bootstrap’s List Group component. We implement our list groups with fewer features. In particular, we do not implement contextual classes for list groups. We also do not implement Bootstrap’s tabs JavaScript. Otherwise, the documentation for Bootstrap List Groups is applicable.

Accessibility Notes

Creating disabled list group items has accessibility concerns developers should keep in mind.

Only create disabled list group items using the disabled attribute, never the .disabled class, and only use the disabled attribute on buttons and other form inputs.

Semantically in HTML, there is no such thing as a “disabled” link. If you wish to indicate that a particular list group item could be a link, include text to that effect.

Example

A normal list group item
List Group Action Item: Link
List group item, not a button