tencent cloud

Last updated:2026-02-03 15:43:41
Title
Last updated: 2026-02-03 15:43:41

Component Feature

A component for displaying headlines, supporting various sizes, font styles, and alignment modes, making it easy to highlight title content of different tiers on the interface.

Basic Usage

Define the title text by setting the value and control the heading size.
Template example:
<Title value="page title" size="lg" />
Effect display as follows:




Attribute Description

Property Name
Type
Description
Default value
value
string
Title Text Content
-
size
"sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl"
Title size
"md"
color
string
Text color
"prose"
weight
"normal" | "medium" | "semibold" | "bold"
Font thickness
"semibold"
textAlign
"start" | "center" | "end"
Text alignment
"start"
truncate
boolean
Whether to truncate text that exceeds the length
false
maxLines
number
maximum display lines
1
Note:
Marked with required attribute.

Was this page helpful?
You can also Contact Sales or Submit a Ticket for help.
Yes
No

Feedback