Nearly every app has a least one screen with a list -- whether it's a list of Trips, Users, Conversation, or really anything.
![](https://gblobscdn.gitbook.com/assets%2F-LhGHkPsv15svPIU5I7C%2F-LiUROjBfXsS-ffKs9Mk%2F-LiURQqbmJBkbt_ruokV%2FGif%201%20Magic%20Text.gif?alt=media&token=95b3853a-b459-4dae-87ef-e0c23ffa9eb5)
Lists components show lists of a particular collection in your database. If your app's database has a Trips collection, then you can use a list to show some or all of the Trips on a screen.
There are four types of list components:
-
Simple List
-
Card List
-
Image List
-
Custom List
When you first add a list component to a screen, the first option in the left panel is to specify "What is this a list of?" Here you can select a collection in your database that the component should connect to.
![](https://gblobscdn.gitbook.com/assets%2F-LhGHkPsv15svPIU5I7C%2F-LmeVnX7IKi1Y9EuxCg7%2F-LmeYLBF-uV6aqqpF6r1%2FDemo%20-%20Edited%20(1).gif?alt=media&token=de11364e-2504-452b-9c87-b09ae711910d)