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​

To report a problem or suggest changes, use our improvements form or, if you prefer, open an issue on our Github repository.