Text 文本
Text 是一个基本组件，允许您在页面上显示文本内容。
获取组件
import { Text } from 'rsuite';示例
默认
颜色
粗细
覆盖元素
文本对齐
文本转换
限制行数
注意:
maxLines属性不支持 IE 浏览器。
Props
<Text>
| 属性 | 类型(默认值) |
描述 |
|---|---|---|
| align | 'left' | 'center' | 'right' | 'justify' | 文本的对齐方式。 |
| as | ElementType(div) |
组件的自定义元素类型。 |
| classPrefix | string ('text') |
组件 CSS 类名的前缀。 |
| color | Color | 文本的颜色。 |
| maxLines | number | 限制提供文本的行数, 文本将被截断并显示省略号。 |
| muted | boolean | 文本是否为静音。 |
| size | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | number | string | 文本的大小。 |
| transform | 'uppercase' | 'lowercase' | 'capitalize' | 文本的转换方式。 |
| weight | 'thin' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 文本的粗细。 |
Color
type Color = 'red' | 'orange' | 'yellow' | 'green' | 'cyan' | 'blue' | 'violet';