Title
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.
Help and Support
Was this page helpful?
You can also Contact sales or Submit a Ticket for help.
Help us improve! Rate your documentation experience in 5 mins.
Feedback