Skip to main content

List

It is a group of continuous and vertical items that have some relationship with each other. Simple lists are those that only have the titles of the items, which can also appear numbered or accompanied by icons.

Lists can also be interactive and have several other components besides text, such as checkboxes or buttons. Some more complex settings can be found in the Listing Templates.

Clickable items

These are those where an action is assigned to clicking on a row in the list. These lines can change style in interactions.

Items with clickable components

To use interactive components within items of a list, it is recommended not to use an entire line of the list, to avoid conflict.

For more details visit our examples tab.

Loading state

It should be used when the information takes a long time to load.

Good habits

Respect the positioning of the internal elements, as shown in the examples below:

Group related information together for easier understanding.

Feedback