Lists
Lists display a set of grouped text-only content.
Each item can start by either a bullet or a number, depending on the format.
Use Cases
- When a set of elements are under the same category and the user is not required to have a strong interaction with them.
Bulleted Default
- Bullet Point 1
- Bullet Point 2
- Bullet Point 3
- Bullet Point 4
- Bullet Point 5
Bulleted Tag Info
- Bullet Point 1
- Bullet Point 2
- Bullet Point 3
- Bullet Point 4
- Bullet Point 5
Bulleted Clickable
Default
- Bullet Point 1
- Bullet Point 2
- Bullet Point 3
- Bullet Point 4
- Bullet Point 5
Tag Info
HTML
Do's & Dont's
Make it easy to scan
Differently from tables, a list is a very short set of elements that
the user can scan through a glance.
Help our users by keeping phrasing simple, consistent and short.
Help our users by keeping phrasing simple, consistent and short.
Keep the interaction at minimum
For most of the cases, the list is a read-only element (being the
only exception the Link version of it).
If the elements you are listing are actionable items, please make use of alternative and related components based on business needs.
If the elements you are listing are actionable items, please make use of alternative and related components based on business needs.
Alternative and Related components
