Skip to Main Content

Pelican Design System icon Pelican Design System List Group

List Group

Give items in a list more visual prominence.

On this page:

Best Practices

  • List group items are best for items which need to be more prominence than a simple bullet list.
  • Be sure to use an <ol> rather than an <ul> for a numbered list.
  • Do make sure to add the list-group-numbered class for a numbered list to the <ol>.

Usage

See the Pen Footer Utility by LA Gov Design Team (@lagovdesignteam) on CodePen.

Page top