文本 Text
用于规范文字的排版
基本使用
文本有 5 种等级，分别为：特大标题 display、大标题 headline、标题 title、小标题 label、正文 body。每种等级都有 3 种大小，所以一共有 15 种预设文字样式。
特大标题-大 57/64 -0.25
特大标题-中 45/52 0
特大标题-小 36/44 0
大标题-大 32/40 0
大标题-中 28/36 0
大标题-小 24/32 0
标题-大 22/28 0
标题-中 16/24 +0.15
标题-小 14/20 +0.1
小标题-大 14/20 +0.1
小标题-中 12/16 +0.5
小标题-小 11/16 +0.5
正文-大 16/24 +0.5
正文-中 14/20 +0.25
正文-小 12/16 +0.4
<Text variant="display" size="large">特大标题-大 57/64 -0.25</Text>
<Text variant="display" size="medium">特大标题-中 45/52 0</Text>
<Text variant="display" size="small">特大标题-小 36/44 0</Text>
<Text variant="headline" size="large">大标题-大 32/40 0</Text>
<Text variant="headline" size="medium">大标题-中 28/36 0</Text>
<Text variant="headline" size="small">大标题-小 24/32 0</Text>
<Text variant="title" size="large">标题-大 22/28 0</Text>
<Text variant="title" size="medium">标题-中 16/24 +0.15</Text>
<Text variant="title" size="small">标题-小 14/20 +0.1</Text>
<Text variant="label" size="large">小标题-大 14/20 +0.1</Text>
<Text variant="label" size="medium">小标题-中 12/16 +0.5</Text>
<Text variant="label" size="small">小标题-小 11/16 +0.5</Text>
<Text variant="body" size="large">正文-大 16/24 +0.5</Text>
<Text variant="body" size="medium">正文-中 14/20 +0.25</Text>
<Text variant="body" size="small">正文-小 12/16 +0.4</Text>
API
Text API
- Name
variant- Type
- "display" | "headline" | "title" | "label" | "body"
- Description
文本级别，可选值 "display" | "headline" | "title" | "label" | "body"，默认为继承容器主题，未设置则为 "body"。
- Name
size- Type
- "small" | "medium" | "large"
- Description
文本尺寸，可选值 "small" | "medium" | "large"，默认为 "medium"。