Lists present groups of related content, such as text or images, in a continuous vertical format. Each item can include primary information along with supplemental actions, typically represented by text and icons. This structure helps users scan, understand, and interact with content in a clear, consistent flow.
List component is currently made up of a number of components in code that can be used together or separately this includes the following:
|
Component |
Description |
|---|---|
|
ListTitle |
Displays a title for a list item, currently set to a H3 |
|
ListDescription |
Displays a description for a list item, it accepts a string or ReactElement - it will render slightly differently depending on whether its a string or element. |
|
ListItem |
This represents the li attribute and wraps the content |
|
ListItemContent |
A wrapper component for content inside a list item, adds some padding. |
|
ListItemLink |
Adds a link making the List content clickable. This is used inside a ListItem but wraps ListContent |
Help and support