diff --git a/packages/docs/src/components/text.md b/packages/docs/src/components/text.md
new file mode 100644
index 0000000..660783a
--- /dev/null
+++ b/packages/docs/src/components/text.md
@@ -0,0 +1,68 @@
+# Text 文字
+
+文本的常见操作
+
+## 基础用法
+
+由 `type` 属性来选择 Text 的类型。
+
+default
+primary
+success
+warning
+danger
+info
+
+```html
+default
+primary
+success
+warning
+danger
+info
+```
+
+## 省略
+
+通过 `truncated` 属性，在文本超过视图或最大宽度设置时展示省略符。 通过 `line-clamp` 属性控制多行的样式
+
+ 这里是测试超出宽度显示省略号功能的
+
+
+这个功能是使用 CSS 属性 -webkit-line-clamp
来设置显示行数的，超出
的内容将不显示。
+
+
+```html
+
+ 这里是测试超出宽度显示省略号功能的
+
+
+ 这个功能是使用 CSS 属性 -webkit-line-clamp
+ 来设置显示行数的，超出
+ 的内容将不显示。
+
+```
+
+## 自定义颜色和字体大小
+
+通过自定义 css 属性 来更改 Text 组件的字体颜色和大小
+
+默认
+自定义颜色
+自定义颜色和字体大小
+
+```html
+默认
+自定义颜色
+
+ 自定义颜色和字体大小
+
+```
+
+## Props
+
+| 属性名 | 说明 | 类型 | 可选值 | 默认值 |
+| ---------- | -------------- | --------- | ------------------------------------- | ------ |
+| type | 类型 | `string` | `primary/success/warning/danger/info` | - |
+| truncated | 超出显示省略号 | `boolean` | - | - |
+| line-clamp | 行数 | `number` | - | - |