# Text 文本

提供文本颜色、对齐等样式工具。

## 使用示例

<!-- <Half> -->

### 文本颜色

视觉给出的规范颜色，使用 `theme` 属性指定：

[Example: Text Themes](./_example/TextThemeExample.jsx)

### 背景颜色

视觉给出的规范背景颜色，使用 `bgTheme` 属性指定：

[Example: Text Background Themes](./_example/TextBgThemeExample.jsx)

### 水平对齐

水平对齐通过 `align` 属性指定：

[Example: Text Align](./_example/TextAlignExample.jsx)

### 垂直对齐

垂直对齐通过 `verticalAlign` 属性指定：

[Example: Text Vertical Align](./_example/TextVerticalAlignExample.jsx)

### 换行和溢出控制

[Example: Text Overflow](./_example/TextOverflowExample.jsx)

### 文本浮动和清除

[Example: Text Float](./_example/TextFloatExample.jsx)

### 重置 font-size

部分结构中为消除不必要间距设置了 `font-size: 0;`，可通过 `reset` 属性重置：

[Example: Text Reset](./_example/TextFontSizeResetExample.jsx)

### 下划线

一般不可点击，有解释说明文字，放 icon 不合适，可以使用虚下划线：

[Example: Text Underline](./_example/TextUnderlineExample.jsx)

### 复制

[Example: Text Copy](./_example/TextCopyExample.jsx)

<!-- </Half> -->

## Heading 标题

<!-- <Half> -->

<H1> 至 <H6> 包含样式的标题组件。

[Example: Heading](../heading/_example/HeadingExample.jsx)

<!-- </Half> -->

## 组件属性

[Interface: TextProps](./Text.tsx)