# Adding Text to the Content Area

## Content

You can easily add a simple line of text to the content area of an accordion pane by setting the **Content** property to a string in Design view, in XAML, or in code.

This topic assumes that you have added a [C1Accordion](/componentone/api/wpf/online-extended/dotnet-framework-api/C1.WPF.Extended.4.6.2/C1.WPF.Extended.C1Accordion.html) control with at least one [C1AccordionItem](/componentone/api/wpf/online-extended/dotnet-framework-api/C1.WPF.Extended.4.6.2/C1.WPF.Extended.C1AccordionItem.html) item to your project.

>type=note
> **Note**: You can also add text to the content area by adding a **TextBox** control to the content area and then setting the **TextBox** control's **Text** property. To learn how to add a control to the content area, see [Adding a Control to the Content Area](/componentone/docs/wpf/online-extended/Accordion/AccordionTask-BasedHelp/AccordionPaneContentArea/AddingaControltothContentArea)\|document=Documents\\C1Extended\_Accordion\.doc;topic=Adding Content to Content Areas\.

**At Design Time in Design view**

To set the **Content** property in Design view, complete the following steps:

1. Click the **C1AccordionItem** item once to select it.
2. In the Properties window, set the **Content** property to a string (for example, "Hello World").
3. Run the program and expand the accordion pane.

**In XAML**

To set the **Content** property in XAML, complete the following:

1. Add **Content="Hello World"** to the `<c1ext:C1AccordionItem>` tag so that it appears similar to the following:

    ```xml
    <c1ext:C1AccordionItem Name="C1AccordionItem1" Content="Hello World" Width="150" Height="55">
    ```
2. Run the program and expand the accordion pane.

**In Code**

To set the **Content** property in code, complete the following steps:

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

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

    ```csharp
    c1AccordionItem1.Content = "Hello World";
    ```
2. Run the program and expand the accordion pane.

**This Topic Illustrates the Following**:

The content of your accordion pane now reads "Hello World". The result of this topic should resemble the following:

![AddingContenttoContentArea_Final.png](https://cdn.mescius.io/document-site-files/images/babf1807-69aa-4d8a-96b6-d6c6d9325368/adding_x0020_text_x0020_to_x0020_the_x0020_content_x0020_area_files/image001.png)