# Text 文本
> 1.3.4 版本提供
## 基本用法
设置 `text` 设置文本内容。推荐您使用:text='value'的形式。
```html
```
## 设置主题
通过type参数设置文本主题，我们提供了五类属性：primary error success warning default-默认。
```html
```
## 自定义字体颜色
设置 `color` 属性。
```html
```
## 是否粗体
设置 `bold` 属性。
```html
```
## 字体大小
设置 `size` 属性。
```html
```
## 脱敏
设置 `format` 属性,当 `mode` 为 ` phone``name `时生效。
```html
```
## lines
设置 `lines` 属性,文本显示的行数，如果设置，超出此行数，将会显示省略号。最大值为5。
```html
```
## lineHeight
设置 `lineHeight` 文本行高。
```html
```
## 前后插槽
设置 `prefix` `suffix` 插槽。
```html
Prefix
Suffix
```
## 金额
设置 `mode="price"` 。
```html
```
## 文字装饰
设置 `decoration` 文字装饰，下划线，中划线等。
```html
```
## 事件
```html
```
```typescript
function clickTest() {
console.log(1)
}
```
## Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 | 最低版本 |
| ---------- | ------------------------------------------------------------------ | ------- | ------------------------------------------------------------------ | ------- | ---------------- |
| type | 主题类型 | string | 'primary' / 'error' / 'warning' / 'success' | default | 1.3.4 |
| text | 文字 | string / number | - | | 1.3.4 |
| size | 字体大小 | string | - | - | 1.3.4 |
| mode | 文本处理的匹配模式 | string | 'text-普通文本' / 'date - 日期' / 'phone - 手机号' / 'name - 姓名' / 'price - 金额' | text | 1.3.4+ |
| bold | 是否粗体，默认 normal | boolean | - | false | 1.3.4 |
| format | 是否脱敏 | boolean | 当 mode 为 phone 和 name 时生效 | false | 1.3.4 |
| color | 文字颜色 | string | - | - | 1.3.4 |
| lines | 文本显示的行数，如果设置，超出此行数，将会显示省略号。最大值为 5。 | Number | - | - | 1.3.4 |
| lineHeight | 文本行高 | string | - | | 1.3.4 |
| decoration | 文字装饰，下划线，中划线等 | string | underline/line-through/overline | | 1.3.4+ |
| prefix | 前置插槽 | string | - | | 1.3.4+ |
| suffix | 后置插槽 | string | - | | 1.3.4+ |
## Events
| 事件名称 | 说明 | 参数 | 最低版本 |
| -------- | -------------- | ----- | ---------------- |
| click | 标签点击时触发 | event | 1.3.4 |
## Slots
## 外部样式类
| 类名 | 说明 | 最低版本 |
| ------------ | ---------- | ---------------- |
| custom-class | 根节点样式 | 1.3.4 |
| custom-style | 根节点样式 | 1.3.4 |