> 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/customize-app/customize-a-screen/add-new-component-to-screen.md).

# Add new component to screen

Components allow you to customize the appearance and functionality of a screen in NotionApps. By adding a component, you can show or update specific fields in a more visually appealing and user-friendly way. Here's how you can add a component to a screen:

1. Go to a secondary screen, such as View Item, by clicking on a row in a List screen OR by clicking the "Go To Screen" button in the screen configuration section.

<figure><img src="/files/YtxClyp6j8vOrSPpTBqC" alt=""><figcaption></figcaption></figure>

2. Once you're on the secondary screen, click on the plus (+) button in the screen configuration section.

<div align="center"><figure><img src="/files/w8dMp1RcptFvelwU51FM" alt=""><figcaption></figcaption></figure></div>

3. In the panel that opens up, you can either select a logic based on the field you want to show, and a default component will be added to the screen (which you can customize later). Alternatively, you can select a specific component from the "Components" section and change its field to the desired field.

<figure><img src="/files/5WzCnV2bCYT0SZT2bWI0" alt=""><figcaption></figcaption></figure>

4. Customize the component as per your preferences. You can adjust its appearance, layout, and functionality by using the customization options available.

<figure><img src="/files/plprJBYN7CTBGaEK7umh" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.notionapps.com/customize-app/customize-a-screen/add-new-component-to-screen.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.