Text - Dreamy UI

Text

Text is a simple styled p tag that can be used to display text.

#

Import

Text - The Text component.

import { Text } from "@dreamy-ui/react/rsc";

#

Usage

This is a simple text component.

<Text>
  This is a simple text component.
</Text>

#

Font sizes

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>