Lists

Lists are vertically stack elements with text, icons, or images.

Lists can vary for up to 3 lines of content.

General aspects

1 - List

2 - List line

3 - Content

There is no spacing between list lines.

Place dividers between lines where the contents are very complex. This facilitates the user's visualization to distinguish the contents..

The main information is highlighted on left. In the example above, we note that in case 1, the selection action has more value than the information, in case 2, the contact information is more relevant.

One line

Two lines

Three lines