> For the complete documentation index, see [llms.txt](https://docs.notionapps.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.notionapps.com/get-started/add-list-and-details.md).

# Add List and Details

Most apps start with a **List (View Items)** screen and a **Details (View One Item)** screen so users can browse records and open one item.

## Steps

1. In the builder, open **Screens**.
2. Click **+ New Screen** and add **List (View Items)** for your database.
3. In **Content**, map **Title** (and optional description / color tag) to Notion properties.
4. Add **Details (View One Item)** for the same database.
5. On the List screen, set the open action to go to Details (Open Item / navigate to details).
6. On Details, add **View** components for the fields users should read (Status, Owner, dates, etc.).
7. Open **Edit Navigation** and keep both screens reachable (or Details hidden and opened only from the list).

## Preview

Use the phone/desktop preview in the center of the builder. Tap a row and confirm Details opens with the right fields.

## Learn more

* [List (View Items)](https://docs.notionapps.com/screens-and-components/types-of-screens/list-view-items)
* [Details (View One Item)](https://docs.notionapps.com/screens-and-components/types-of-screens/details-view-one-item)
* [Types of Screens](https://docs.notionapps.com/screens-and-components/types-of-screens)

## Next

[Publish and share](https://docs.notionapps.com/get-started/publish-and-share)