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

Question

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

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

Answer 1

组件的ChakraUI 文档<Text>解释说它<p>默认呈现一个标签。

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

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

Answer 2

您可以使用 Flex 来实现此目的

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