# Title

The content inside the header of the ExpansionPanel can be set by using a [title and a subtitle](https://www.telerik.com/kendo-angular-ui-develop/components/layout/expansionpanel/title#titles-and-subtitles) or through the [title template](https://www.telerik.com/kendo-angular-ui-develop/components/layout/expansionpanel/title#title-template).

## Titles and Subtitles

To handle the title and subtitle of the ExpansionPanel, use the [`title`](https://www.telerik.com/kendo-angular-ui-develop/components/layout/api/expansionpanelcomponent#title) and [`subtitle`](https://www.telerik.com/kendo-angular-ui-develop/components/layout/api/expansionpanelcomponent#subtitle) attributes.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/layout/expansionpanel/title/source.txt)

## Title Template

The ExpansionPanel provides the option to use the [ExpansionPanelTitleDirective](https://www.telerik.com/kendo-angular-ui-develop/components/layout/api/expansionpaneltitledirective) for customizing its header. The directive overrides the [`title`](https://www.telerik.com/kendo-angular-ui-develop/components/layout/api/expansionpanelcomponent#title) and [`subtitle`](https://www.telerik.com/kendo-angular-ui-develop/components/layout/api/expansionpanelcomponent#subtitle) attributes.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/layout/expansionpanel/template/source.txt)

## Suggested Links

* [API Reference of the ExpansionPanel](https://www.telerik.com/kendo-angular-ui-develop/components/layout/api/expansionpanelcomponent)
* [API Reference of the ExpansionPanelTitleDirective](https://www.telerik.com/kendo-angular-ui-develop/components/layout/api/expansionpaneltitledirective)