Text
- The Text component.
import { Text } from "@dreamy-ui/react/rsc";
This is a simple text component.
<Text>
This is a simple text component.
</Text>
Extra small
Small
Medium
Large
Extra large
2 Extra large
3 Extra large
4 Extra large
5 Extra large
6 Extra large
7 Extra large
<VStack w="full">
<Text size="xs">Extra small</Text>
<Text size="sm">Small</Text>
<Text size="md">Medium</Text>
<Text size="lg">Large</Text>
<Text size="xl">Extra large</Text>
<Text size="2xl">2 Extra large</Text>
<Text size="3xl">3 Extra large</Text>
<Text size="4xl">4 Extra large</Text>
<Text size="5xl">5 Extra large</Text>
<Text size="6xl">6 Extra large</Text>
<Text size="7xl">7 Extra large</Text>
</VStack>