Text

文本

基本用法

value

1
<db-text widgetId="id" value="text"></db-text>

type

1
2
3
4
5
6
7
8
9
10
<db-text value="h1" type="h1"></db-text>
<db-text value="h2" type="h2"></db-text>
<db-text value="h3" type="h3"></db-text>
<db-text value="h4" type="h4"></db-text>
<db-text value="h5" type="h5"></db-text>
<db-text value="h6" type="h6"></db-text>
<db-text value="p" type="p"></db-text>
<db-text value="text" type="text"></db-text>
<db-text value="lead" type="lead"></db-text>
<db-text value="small" type="small"></db-text>

通用属性

  1. Spacing
  2. Text
  3. Colors
  4. Display
  5. Flex

属性

名称 显示名 默认值 可选值 值类型
widgetId 标识 string
value 值 文本 string
valuePosition 值位置 right left, right string
type 内容类型 h1(一级标题), h2(二级标题), h3(三级标题), h4(四级标题), h5(五级标题), h6(六级标题), p(段落), text(纯文本), lead(突出式段落), small(小文本) string
  1. valuePosition 描述所有子部件与 value 的排列顺序。如果 Text 中包含子部件，则使用此属性控制 value 与所有子部件的顺序，默认所有子部件在前，value 在后，将 valuePosition 设置为 left 之后，则value 在前，所有子部件在后。