tooltip - 如何格式化工具提示的内容并在 chakra ui 的工具提示中添加换行符？

Question

我有一个要显示的工具提示，它是 4-5 行，标题以粗体显示，接下来的几行由换行符分隔。我能够使用 chakra ui 呈现工具提示，但同时使用 粗体标记 或换行标记
- 它们按照工具提示中的原样呈现。我尝试在 chakra ui 的文档中搜索，但找不到任何可以在工具提示中格式化内容的内容。即使在这里，在这个问题中，它们也不会被渲染，而是格式化我的问题的文本。

请注意，我必须只使用脉轮用户界面工具提示。

此外，相同的工具提示将显示在 ag-grid 的列标题以及一种形式中。在使用这 2 个标签时，ag-grid 工具提示根据标签格式化内容，但在 chakra-ui 工具提示中使用相同的标签以用于表单时，它不会格式化。我知道这两个彼此没有关系 - 但我只是想强调一点，在这种情况下，它在 ag-grid 提供的其他一些工具提示中确实有效。

Answer 1

您可以将组件传递给工具提示的标签:

<Tooltip label={<Stack>
                  <Text >First line </Text>
                  <Text >second line </Text>
                  <Text >third line </Text>
               </Stack>}>