# Adding Text to the Header

## Content

By default, an accordion pane's header is empty. You can add text to the control's header by setting the **Header** property to a string in Design view, in XAML, or in code.
This topic assumes that you have added a C1Accordion control with at least one C1AccordionItem item to your project.
**In XAML**
To set the **Header** property in XAML, add Header="Hello World" to the `<c1ext:C1AccordionItem>` tag so that it appears similar to the following:
<c1ext:C1AccordionItem Name="C1AccordionItem1" **Header="Hello World"** Width="150" Height="55">
**In Code**
To set the **Header** property in code, complete the following steps:

1. Enter Code view and add the following code beneath the InitializeComponent() method:

```vbnet
C1AccordionItem1.Header = "Hello World"
```


```csharp
 c1AccordionItem1.Header = "Hello World"; 
```

2. Run the program.

**This Topic Illustrates the Following**:
The header of the accordion pane now reads "Hello World". The result of this topic should resemble the following:
![](https://cdn.mescius.io/document-site-files/images/babf1807-69aa-4d8a-96b6-d6c6d9325368/silverlightdocuments/documents/graphics/c1accordion/tbh/addingtexttoheader_final.png)