Skip to main content

Title

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

Usage

<Title level={1} value="Page Heading" />

Props

value
string
required
The text content of the title.
level
number
default:"1"
Heading level (1-6), corresponds to h1-h6.
color
string
Text color. Can be a theme token or hex code.
align
string
default:"left"
Text alignment: left, center, right.

Examples

Levels

<Col>
  <Title level={1} value="Heading 1" />
  <Title level={2} value="Heading 2" />
  <Title level={3} value="Heading 3" />
</Col>

Centered Title

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