List

List (list-group) is a set of related text labels, each of which starts with a bullet point, number, hyphen, or character.

Status

Status

Healthy

Figma component

Includes a link to a Figma component that has been imported to Supernova

Principles

Use when

  1. specifying and presenting essential information in a particular sequence related to content.

Don't use when

  1. the details need to be provided for a button or another UI element, and furthermore, this detailed information does not carry primary value, use a tooltip instead.
  2. when making a general announcement on the layout level; instead, use notification.

Structure

##image##

Properties

Type

Ordered

It is used to list items of equal importance in order.

Unordered

It is used when listing items that require certain instructions in sequential order.

Content

Use sentence case for each labels, and avoid using comma and semicolons.

Also do not place a period at the end of the each label or sentence.