---
agentTools:
  projectIndex: https://docs.usecreator.com/llms.txt
---

# Headings

A Heading is a simple component that allows you to include an H1-H5 tag in your app.

[block:image]
{
  "images": [
    {
      "image": [
        "https://files.readme.io/4c5ba19-Screenshot_2016-11-02_19.20.13.png",
        "Screenshot 2016-11-02 19.20.13.png",
        2078,
        1072,
        "#ecf3f3"
      ]
    }
  ]
}
[/block]

## Text

After specifying what text is in your heading (feel free to use [Templating Syntax](https://docs.usecreator.com/docs/templating-syntax)), you also have access to the following Properties:

**Size** determines whether or not you're using an H1, H2, H3, H4, or H5 tag.

**Weight** determines the font weight of the text, as well as whether or not the text is italic.

**Color** is a color picker that lets you choose the color for the text.

**Align** lets you choose a standard left, center, right, or justify alignment for your text.

## Style

**Classes** lets you freeform add CSS classes that will be placed on this component.

## Angular Directives

**Angular Directives** let's you add [Directives](https://docs.usecreator.com/docs/directives) to the component.

## Convert to HTML

**Convert to HTML** let's you turn this component into an HTML component so you can edit it to your hearts content.