# Header and Footer

You can add a title to the FlexChart control by setting its Header. Besides a title, you may also set a footer for the chart.

## Content



You can add a title to the FlexChart control by setting its [HeaderContent](/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.Chart/C1.Blazor.Chart.FlexChartBase.HeaderContent.html) property. Besides a title, you may also set a footer for the chart by setting the [FooterContent](/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.Chart/C1.Blazor.Chart.FlexChartBase.FooterContent.html) property. You can also style the header and footer text with the help of **HeaderStyle** and **FooterStyle** properties.

The image below shows how the FlexChart appears, after these properties have been set.

![HeaderFooter](https://cdn.mescius.io/document-site-files/images/f5b600ba-f1a7-4f89-a20c-aa6c0c35880d/images/elementimage.png)

The following code examples demonstrate how to set these. This example uses the sample created in the Quick Start section.

```razor
HeaderContent="Country GDP (M$)" HeaderStyle="font-size:24px"
FooterContent="*conditions may apply" FooterStyle="font-size:12px"
```