> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/dynamic-components/tutorials/components/header/dynamic-header.md).

# Dynamic Header

## **Dynamic Header on Account Record Page**

This example illustrates how to build a header that adapts to the current Account record on a Salesforce Record Page. Binding properties to record fields makes the header dynamic and relevant to the viewed record.

### **Configure Properties**

* **Set the Target Page Object to Account**: In your Dynamic Component's settings (e.g., in the canvas or main properties), select "Account" as the [Target Page Object](/dynamic-components/core-concepts/target-page-object.md).\
  **Why do this?** This tells the component it's placed on an Account Record Page, enabling access to the current record's data via bindings like $Component.record.FieldName. Without it, dynamic record bindings won't work, and the header would remain static.\
  ![](/files/6MXuv2N9WhvHLO67UWOv)
* **Caption**: "Account"
* **Title**: `$Component.record.Name` (mapped to the current Account's Name field)
* **Subtitle**: `$Component.record.Industry` (mapped to the current Account's Industry field)
* **Icon Name**: `standard:account`
* **Background Image**: (None)
* **Is Joined**: On

### **Result**

Header updates per record (e.g., Title shows "Acme Corp"), with dynamic Subtitle.

<figure><img src="/files/tWT0h2jiqW94saAvJOYg" 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.avonnicomponents.com/dynamic-components/tutorials/components/header/dynamic-header.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.