TextBlock​

TextBlock 为一个具有宽度的容器，会把文本撑满整行，一般用于显示整段段落或文本。

预览​

示例代码​

render('Checkout::Dynamic::Render', (root) => {
  return       
    <TextBlock>
Cozy up in style!
Snuggle-ready knit, 6 colors, 50 % OFF today—grab your new favorite sweater before stock melts away!
    </TextBlock>;
});

TextBlockProps​

size?​

• extraSmall：10px/15px
• small：12px/18px
• base：14px/21px
• medium：16px/24px
• large：18px/27px
• extraLarge：24px/36px
• extraExtraLarge：28px/42px

支持输入自定义大小如 20。当前自定义大小限制最大值为 48。超过最大值则不生效，恢复默认的 base 设置。自定义大小示例如下：

render('Checkout::Dynamic::Render', (root) => { return <Text size={48}>Total</Text>; }); 

emphasis?​

斜体或粗体。

id?​

用于标识当前组件的唯一标识符。如果未设置 ID，则会使用全局唯一值，全局唯一值为组件内部自行创建的 ID。

appearance?​

更改元素的颜色，支持输入自定义颜色如 red、#ccc。

decoration​

文本装饰。

类型说明​

TextDecoration​

• lineThrough：配置该项时表示为删除线样式