显示文本
显示样式具有醒目的视觉效果。当主要目标是视觉叙事时，使用它们来创造影响力。例如，在营销内容中使用显示文本来说服或安抚商家，或在登录过程中吸引注意力。ob欧宝娱乐app下载地址
尽量少用这个尺寸，不要在同一页上多次使用。
进口｛DisplayText｝从“@shopify /北极星”；进口反应从“反应”；函数DisplayExample（）｛返回<DisplayText大小＝有没有这种款式特大号””>晚上好，多米尼克．</DisplayText>；｝道具
想要帮助完善这个功能吗?请分享你的反馈．
接口
DisplayTextProps
- 元素? “标题”|“氢气”|“h3”|h4的|“h5”|“编辑”|“p”
-
用于文本的元素名称。
默认为“p”．
- 大小? “小”|“媒介”|“大”|有没有这种款式特大号的“
-
文本的大小。
默认为“媒介”．
- 孩子们? 反应．ReactNode
-
要显示的内容。
最佳实践
- 当页面的主要目标是交流而不是交互时使用。
- 当页面集中于单个消息时，使用较大的显示文本大小。在这种情况下，可以配上插图。
- 使用较小的显示文本与较大的文本配对，或单独作为更复杂的数据显示(如仪表板)的一部分。
内容的指导方针
显示文本
显示文本应该是:
- 利益驱动，专注于对商家最重要的信息
- 简洁易扫描:
- 使用简单、清晰、一目了然的语言
- 保持将文本内容显示为只有几个单词长度的短句
- 避免使用句号、逗号或分号等标点符号
- 避免使用感叹号——显示文本没有感叹号已经足够了
- 用句式书写
可访问性
尽管显示文本创造了一种有趣的视觉体验，但它并不能取代HTML标题所提供的语义结构。
默认情况下，display text组件在HTML段落中输出文本(< p >)．如果显示文本需要标题标记，请使用元素道具设置标题水平。