标题
标题用作界面中页面各主要部分的标题。例如,卡组件一般使用标题作为标题。
用于每个顶级页面部分的标题。
进口{标题}从“@shopify /北极星”;进口反应从“反应”;函数HeadingExample(){返回<标题>欧宝体育官网入口首页网上商店仪表盘</标题>;}
道具
想让这个功能变得更好吗?请分享你的反馈.
接口
HeadingProps
- 元素? “标题”|“氢气”|“h3”|h4的|“h5”|“编辑”|“p”
-
要用于标题的元素名称。
默认为“氢气”.
- 孩子们? 反应.ReactNode
-
要在标题内显示的内容。
- id? 字符串
-
标题的唯一标识符,用于锚链接中的引用。
最佳实践
标题:
- 清楚地描述它们所指的接口部分
- 突出商家需要知道的最重要的概念或信息
- 位于他们所指的界面部分的顶部
内容的指导方针
标题应该遵循内容指南标题和副标题.
相关的组件
- 要把一个有标题的部分分成几个小节,使用副标题组件
可访问性
清晰一致的标题结构有助于有阅读或语言障碍的商人。它还帮助屏幕阅读器用户使用屏幕阅读器自定义的按键来导航页面。
使用元素
prop来确定为标题输出的特定HTML元素。组件默认为2级标题(< h2 >
).的值使用不同的值元素
如果不同的标题更适合上下文,则使用Prop。
了解更多关于写作的有用信息标题和副标题.
做
使用标题来支持页面的层次结构。
不
标题仅用于样式。