如何使 Chakra 的 <Text> 组件内联？

Question

我不知道如何使 Chakra 组件内联。阅读文档但无法找出正确的 属性 或者这是 css class 的东西。

<Text> Hello World, </Text>
<Text> place me next to the Text above! </Text>

Answer 1

您可以为此使用 Flex

<Flex>
<Text> Hello World, </Text>
<Text> place me next to the Text above! </Text>
</Flex>

Answer 2

<Text> 组件上的

ChakraUI documentation 说明它默认呈现 <p> 标记。

但是，您可以通过为 <Text> 提供 as 属性，将其交换为 <span> 标签。像这样：

<Text as="span"> Hello World, </Text>
<Text as="span"> place me next to the Text above! </Text>