工具提示
工具提示是浮动标签，简要说明用户界面元素的功能。它们可以在商家悬停、聚焦、点击或点击时触发。
仅在必要时使用，以提供接口元素的解释。
进口｛工具提示，TextStyle｝从“@shopify /北极星”;进口反应从“反应”;函数TooltipExample（）｛返回（<div风格＝｛｛填充：“75 px 0”｝｝><工具提示活动内容＝“这个订单有运输标签。”><TextStyle变异＝“强”>订单#1001</TextStyle></工具提示></div>）;｝道具
想让这个功能变得更好吗?请分享你的反馈．
接口
TooltipProps
- 孩子们？ 反应．ReactNode
-
将激活工具提示的元素。
- 内容 反应．ReactNode
-
要在工具提示中显示的内容。
- 活跃的？ 布尔
-
切换工具提示是否可见。
- dismissOnMouseOut？ 布尔
-
当不与其子工具提示交互时，将其关闭。
- preferredPosition？ “以上”|“下面”|“mostSpace”
-
工具提示试图显示的方向。
默认为“下面”．
- activatorWrapper？ 字符串
-
将激活器包装在其中的元素类型。
默认为“跨越”．
- accessibilityLabel？ 字符串
-
屏幕阅读器的视觉隐藏文本。
- onOpen？ () = >无效
- onClose？ () = >无效
最佳实践
提示:
- 提供有用的、额外的信息或澄清。
- 简洁地描述或展开它们所指向的元素。
- 为纯图标按钮或带有关联键盘快捷键的按钮提供。
- 不能用于传达关键信息，包括表单中的错误或其他交互反馈。
- 不包含任何链接或按钮。
- 要谨慎使用。如果你正在构建一些需要大量工具提示的内容，那就努力在体验中阐明设计和语言。
内容的指导方针
基本的工具提示
提示:
- 用句格书写
- 要简洁易懂
- 不能用于传递错误消息或重要的帐户信息
做
帖子覆盖面是指在他们的动态消息中看到你的帖子的人数。
不
要继续使用Shopify，必须立即支付此金额。