Text

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

#

Installation

npx dreamy add text

pnpm dlx dreamy add text

yarn dlx dreamy add text

bunx dreamy add text

#

Usage

Text renders styled paragraph text with consistent typography. Use it for body text, descriptions, and other textual content.

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>

Tabs

Textarea