> ## Documentation Index
> Fetch the complete documentation index at: https://docs.lyzn.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Title

> Heading text component

# Title

The `Title` component renders heading text with appropriate hierarchy and styling.

## Usage

```jsx theme={null}
<Title level={1} value="Page Heading" />
```

## Props

<ResponseField name="value" type="string" required>
  The text content of the title.
</ResponseField>

<ResponseField name="level" type="number" default="1">
  Heading level (1-6), corresponds to `h1`-`h6`.
</ResponseField>

<ResponseField name="color" type="string">
  Text color. Can be a theme token or hex code.
</ResponseField>

<ResponseField name="align" type="string" default="left">
  Text alignment: `left`, `center`, `right`.
</ResponseField>

## Examples

### Levels

```jsx theme={null}
<Col>
  <Title level={1} value="Heading 1" />
  <Title level={2} value="Heading 2" />
  <Title level={3} value="Heading 3" />
</Col>
```

### Centered Title

```jsx theme={null}
<Title level={2} value="Welcome" align="center" color="primary" />
```