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.