> This page is for Glide Classic.

> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://www.glideapps.com/docs/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://www.glideapps.com/docs/_mcp/server.

# List

> Display a group of items in a list layout.

The **List Component** is a special type of [**Collection Component**](/docs/essentials/components/collections) that allows you to display items in a list. You can use this layout when your primary focus is displaying data, especially when images are not available or necessary.

![List - Image 1](/docs/_fern-img/6ea3ffd38a05d14dacbcb4f006075f1455d3b4aa66838502b092b86fdfb67936.webp)

## **Adding and Setting Up List Collections**

#### List - Arcade 1

To set up your List Collection:

In the [**Layout Editor**](/docs/getting-started/intro-to-layout) of your app, click the plus (**+**) symbol to add a new component.

Find **Collections** in the menu and select **List**.

Choose what [**Data Source**](/docs/essentials/data-sources) it should use.

Give the collection a **Title**.

Customize your collection with **Data** and **Design**.

Choose if you'd like to limit the number of items that appear, as well as how many items to show per page.

Set [**Visibility Conditions**](/docs/reference/user-experience/visibility-conditions) for your data if needed.

To update your List Collection, go to the [**Components**](/docs/essentials/components) section, click on your collection, and make your desired changes. You can preview each change live as you make adjustments.

## **Adding an Action to your Collection**

#### List - Arcade 2

You can add [**Actions**](/docs/getting-started/introduction-to-actions) to your List Collection to allow users to interact with your data. For example, you can add a [**Button**](/docs/essentials/components/button) that takes users to a detailed view of a record or opens a form to submit information to you.

Select your List Collection, then go to the **Actions** menu on the right side.

Choose **Enable advanced actions.**

Choose where to add the action.

Choose from our menu of actions, or create your own custom action.

Take your new action for a test run!

## Frequently Asked Questions

#### Can I limit the number of items displayed in my collection?

Yes, you can set the number of items displayed in your collection by using the **Limit** setting in the Collection component.

#### How can I get notified when a new item is added?

Add an action step when a new item is added to send a [push notification](/docs/automation/integrations/push-notifications), [Slack](/docs/automation/integrations/slack) message, email, or any other notification Glide supports through [Actions](/docs/automation/actions) and [Integrations](/docs/automation/integrations).